首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue |如何将web端口号改为80?

在Vue项目中,将web端口号改为80可以通过修改配置文件来实现。以下是具体的步骤:

  1. 打开Vue项目的根目录,在根目录下找到vue.config.js文件(如果没有该文件,可以手动创建)。
  2. vue.config.js文件中,添加以下代码:
代码语言:txt
复制
module.exports = {
  devServer: {
    port: 80,
    disableHostCheck: true
  }
}
  1. 保存文件并重新启动Vue项目。

这样,Vue项目的web端口号就会被改为80。

关于Vue的更多信息,可以参考以下内容:

  • Vue概念:Vue是一套用于构建用户界面的渐进式JavaScript框架,具有简洁、高效、灵活等特点。
  • Vue分类:Vue可以分为Vue.js和Vue CLI两个部分。Vue.js是核心框架,用于构建用户界面;Vue CLI是一个基于Vue.js进行快速开发的完整系统。
  • Vue优势:Vue具有简单易学、灵活性强、性能优秀、生态丰富等优势。
  • Vue应用场景:Vue适用于构建各种类型的Web应用程序,包括单页面应用(SPA)和多页面应用(MPA)。
  • 腾讯云相关产品和产品介绍链接地址:腾讯云提供了云服务器、云数据库、云存储等多种产品,可用于支持Vue项目的部署和运行。具体产品信息和介绍可以参考腾讯云官方网站(https://cloud.tencent.com/)。

请注意,以上答案仅供参考,具体操作步骤可能因项目配置和环境而有所差异。在实际操作中,请根据具体情况进行调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

【JavaWeb】学习笔记——Tomcat集成

简介 Tomcat是基于Java的一个开放源代码、运行servlet和JSP Web应用的Web应用软件容器,又称servlet容器 安装 官方网站:https://tomcat.apache.org/...下载好后解压到一个没有中文的目录中就行了 文件目录作用 基本使用 启动 点击 bin\starup.bat 运行 启动后在网页输入:http://localhost:8080/ 就能访问到刚刚开启的Web...------------- 关闭 直接 x 掉运行窗口:强制关闭(不推荐,数据容易丢失) bin\shutdown.bat:正常关闭(不推荐,有点麻烦) Ctrl+C:正常关闭(推荐) 配置 修改启动端口号...:conf/server.xml 注:HTTP协议默认端口号80,如果将Tomcat端口号改为80,则将来访问Tomcat时,将不用输入端口号 Tomcat-部署项目 将项目放置在 webapps...目录下,即部署完成 一般JavaWeb项目会被打成war包,如何将 war包放到 webapps目录下,Tomcat会自动解压缩 war文件 IDEA中创建 Maven Web项目 Maven 简介

44810

Windows服务器使用IIS部署Vue+Flask网页项目

打开默认的网站看看是否可以看到界面,如果能,说明IIS配置的差不多了,可以将其删掉(它占用了80端口,也可以不删,后面用其他端口)。...2.2 配置前端Vue环境 在自己的系统上先生成build文件夹(npm run build),我的项目是用vue-cli生成的,使用了node.js,所以等会儿还需要安装node.js。...点击右边浏览http://公网ip:端口号/可在浏览器中查看网页。如果正常,可以搭建后端站点。 3.2 搭建后端站点 先安装好Web平台组件CGI(安装后可能不显示,关闭IIS管理器重新进入即可)。...右键点击网站,添加网站,和上面操作一样,应用程序池选择另外一个,物理路径就是后端文件夹be(我的项目是这个),端口号设为其他没被占用的端口号,我这里用了8080。 用同样的方法设置身份验证。...我个人理解的这个工具就是将,入站的URL修改为另一个想要访问的URL。

3.7K20
  • 如何通过宝塔安装蘑菇博客

    将宝塔与蘑菇冲突部分进行合并 下面,先捋一下蘑菇与宝塔冲突的都有哪些服务 首先蘑菇 vue_mogu_web80 端口 其次蘑菇 vue_mogu_admin 的 80 端口 然后蘑菇上传目录需要迁移到宝塔的...开放端口号 下一步,去 nacos 中修改配置将对应数据库密码修改下。...networks: mogu: external: true 然后我们进到 /root/docker-compose/bin 目录修改 kernStartup.sh 脚本,干掉 MySQL 及vue_mogu_web...和 vue_mogu_web 目录下执行 npm install (本机需要装 nodejs ) 分别替换 vue_mogu_admin 和 **vue_mogu_web **中的 .env 文件的...ip 地址 替换ip端口号 分别在 vue_mogu_admin 和 vue_mogu_web 目录下执行 npm run build 进行打包 最后将打包后 dist 目录上传到宝塔中 上传打包后的

    97320

    一文带你快速使用SpringBoot创建工程,并了解HTTP协议和Tomcat服务器!

    前面介绍了三剑客(HTML,CSS,JavaScript),Axios,Vue和Element,本篇将带你快速了解并使用SpringBoot创建工程,以及介绍HTTP协议还有Tomcat服务器。...Java中使用会话技术(Cookie、Session)来解决这个问题 优点:速度快 注:HTTP协议默认端口号80 2、HTTP-请求协议 2.1 HTTP-请求数据格式 1)请求数据分为3部分 请求行...2)目录说明 3)启动Tomcat 启动:双击 bin\startup.bat 启动后发现控制台中文乱码,解决: 修改 conf/logging.properties,将51行的 UTF-8 改为 GBK...(conf/server.xml) 打开 conf目录下的server.xml文件,定位到 69行,可根据需要自行修改端口号。...注:HTTP协议默认端口号80,如果将Tomcat端口号改为80,则以后再访问Tomcat时,可以不用输入端口号 四、SpringBoot入门程序解析 1、起步依赖 1)spring-boot-starter-web

    23421

    快速入门Web开发(上) 黑马程序员JavaWeb开发教程

    Vue项目 需要创建一个文件夹,在文件夹中打开命令行输入vue ui 将包管理器改为对应 启动 默认启动App.vue npm run serve 访问http://localhost:8080/ 该默认网址会出现该页面...可以看到占用80端口的是 PID为 12492 若进程被占用,可以进入以下目录进入文件更改默认端口号 D:\nginx-1.24.0\conf\nginx.conf server...{ listen 80; server_name localhost; 以上为第三十六行 端口不占用后,可以在浏览器输入 localhost:端口号来访问到部署的工程 对应的组件。...可以进入以下目录进入文件更改默认端口号 D:\nginx-1.24.0\conf\nginx.conf server { listen 80; server_name localhost;...以上为第三十六行 端口不占用后,可以在浏览器输入 localhost:端口号来访问到部署的工程 localhost:80

    10710

    第十章:Nginx配置详细讲解

    3:如何修改nginx的端口号?        ...修改server节点 server {         listen       80;            #监听80端口,可以改成其他端口         #server_name  localhost...中的“/”,改为“./”后,再打包生成的 dist 文件 build: {     // assetsPublicPath: '/',//修改前     assetsPublicPath: '..../',//修改后 } 附录二:hbuilderX打包vue项目,element-ui的icon图标无法正常显示问题 问题:使用vue-cli3脚手架搭建的项目,在打包文件上服务器的时候,其他的css...查看被占用端口对应的PID(即进程ID),输入命令:netstat -aon|findstr "端口号",回车,记下最后一位数字,即PID,     示例如下:     #查看端口8005的使用情况

    78830

    自定义网络相关命令与nginx相关内容

    -itd即可,                 例如:centos镜像就要加-itd,nginx镜像则不需要-it,-d即可         注2:在有些镜像启动时,还可以通过-P或-p参数绑定宿主机端口号...,例如:nginx镜像,因为容器内部已放开此端口号        注3:停止并删除所有容器                 docker stop (docker ps -aq) && docker rm...方面可能造成Session访问的问题,这不在本文讨论方面内 Nginx+tomcat是目前主流的java web架构 2....            #查询指定端口号是否开启:             firewall-cmd --query-port=80/tcp 小结:  mynginx使用docker内置网络bridge...项目白屏问题 将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,再打包生成的 dist 文件

    29350

    05、docker安装nginx

    ,例如:nginx镜像,因为容器内部已放开此端口号 注3:停止并删除所有容器                 docker stop (docker ps -aq) && docker rm 6...此时代理服务器按照第一个请求转发至第一台真实服务器,第二个请求转发到第二个服务器上,依次类推, 这样可以防止大量的用户请求全部访问到同一台物理机上,单点物理机的性能始终有限的,当然这可能对服务器数据访问时候造成事务性的失效,在Web...方面可能造成Session访问的问题,这不在本文讨论方面内 Nginx+tomcat是目前主流的java web架构 3、安装nginx 1.搜索nginx镜像       docker...firewall-cmd --reload             #查询指定端口号是否开启:             firewall-cmd --query-port=80/tcp 小结:  ...项目白屏问题 将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,再打包生成的 dist 文件 附录四:springboot

    1.7K20

    CentOS7中使用yum安装Nginx的方法

    项目白屏问题 附录五:hbuilderX打包vue项目,element-ui的icon图标无法正常显示问题 1.什么是nginx  Nginx是一款高性能的Web服务器,最初由俄罗斯程序员Igor...导出表结构及少量数据 4.SSM项目部署到虚拟机   本案例采用tomcat双节点方式进行案例演示(tomcat集群模式)   注0:由于tomcat双节点都是部署在同一个虚拟机中,请配置两个不同的端口号...重要   注2:可将WEB项目部署到不同的tomcat中,可做集群测试 5....项目白屏问题 将项目目录下的config文件夹里的index.js文件中,将build对象下的assetsPublicPath中的“/”,改为“./”后,再打包生成的 dist 文件 build:.../',//修改后 } 附录五:hbuilderX打包vue项目,element-ui的icon图标无法正常显示问题 问题:使用vue-cli3脚手架搭建的项目,在打包文件上服务器的时候,其他的css,

    1.4K40

    我叫Tomcat:一款web服务器

    Tomcat,从这里开始 如何将我们的 Java 代码,运行在网络上,初学时,首先接触到的一般都是Servlet以及Jsp(或略过Jsp)而 Tomcat 就是这两者的容器,帮你处理动态网页部分 (一.../(本地) ,也就是IP+端口号,那这个开放的端口,总得帮助我完成一些操作,它需要找到我再web.xml中配置的一些信息,然后找到我的Servlet,将我所需要的功能实现,执行完后,将结果返回到浏览器上...(2) 修改端口号(可改可不改) Tomcat安装路径\conf\server.xml 修改,找到 Connector port="8080"内容,修改8080的值 如果将端口号改为80,那么以后再访问服务器的时候...,就不需要再输入端口号了,因为http协议默认端口号就是80,即输入 http://localhost即可 (三) Tomcat 目录结构 bin:存放启动和关闭 Tomcat 的脚本文件,例如startup.bat...和shutdown.bat conf:存放各种配置文件,例如:context.xml、web.xml、tomcat-users.xml server.xml:配置一些setver信息,如端口号和主机 web.xml

    85620

    在centos7.6上部署前后端分离项目Nginx反向代理vue.js2.6+Tornado5.1.1,使用supervisor统一管理服务

    这一次使用vue.js+tornado的组合来部署前后端分离的web项目,vue.js不用说了,前端当红炸子鸡,泛用性非常广,无论是单页应用,还是混合式开发app,亦或是微信小程序开发,样样得心应手...首先部署前端,将测试好的vue.js2.6项目打包,值得一提的是,在生产环境并不需要node.js服务,因为利用vue.js的特性可以对前端页面进行打包,使其成为一个纯静态页包,上线后利用nginx对其代理即可...端口 server { listen 80; server_name localhost; access_log /root/md_vue_access.log...} error_log /root/dist/error.log error; } #继续修改配置 vim /etc/nginx/nginx.conf 将第一行改为...sqlalchemy     将tornado项目上传到/root/mytornado下,修改项目权限:chmod -R 755 /root/mytornado 然后将项目的debug模式关闭,并且修改端口号

    31520

    【nodejs原理&源码赏析(9)】用node-ssh实现轻量级自动化部署

    域名访问 使用域名访问时,通常会使用A记录进行解析,它只能映射到80端口(https时映射到443),这时就需要使用反向代理将80端口的请求分发到本地不同的内部端口来访问对应服务: ?...--ejs生成一个使用ejs作为模板渲染引擎的express工程 命令行输入cd mydemo && yarn或cd mydemo && npm install安装依赖 在/bin/www文件中修改端口号为期望的端口号...(自动生成的是80端口),例如3001 将前端工程build出的包整体复制粘贴到/public目录中 此时在本地工程根目录下输入npm start后,在浏览器中http://localhost:3001..."scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build",.../mydemo 提示: 如果脚本文件是在windows下编写的,请注意将编辑器中的回车换行改为LF,windows下通常默认是CRLF,这可能会导致脚本在linux机器上无法正常执行。

    1.8K20

    Java:前后端分离——跨域分析

    图片 在我们前端开发中,一般使用8081作为端口号,而在后端中使用8080作为端口号,虽然两者都是在同一台电脑上运行,但是端口号不同,也是属于跨域。...请求的情况非常多,因此需要针对的解决跨域问题,跨域解决方案有很多, 比如大神写的:https://www.imooc.com/article/291931 作者:小铭子 来源:慕课网 1.前端通过代理解决跨域,Vue...的proxyTable配置代理 vue-cli的项目可以使用:克服Ajax只能同源使用的限制。...; import org.springframework.web.cors.UrlBasedCorsConfigurationSource; import org.springframework.web.filter.CorsFilter...config.addAllowedOrigin("http://localhost:8081"); config.addAllowedOrigin("http://127.0.0.1:80

    74330

    花生壳+tomcat

    与自己的公网ip是否匹配 4,设置自己的ip为固定ip(局域网) 5,登录路由器后台:192.168.1.1找到“虚拟服务器” 点击“虚拟服务器” 然后点击“添加新条目”如图: 服务端口自己设定(最好不要用80...端口 很多带宽服务商把80端口号封了的),ip地址为你的计算机在局域网的固定ip地址如:192.168.1.118如下图: 配置好后点击保存即可 如图: 然后找到“动态DNS”并点击它: 输入你在花生壳注册的护照和密码...这样路由器就配置好了 接下来及是配置tomcat了 6,配置tomcat 打开tomcat的server.xml文件,找到配置端口号的地方:把端口号改为你在路由器里面配置的端口号如图: 然后找到“<Engine...”标签:把localhost改为你的域名: 然后找到“<Host”标签:把localhost改为你的域名:如图 最后:打开控制面板:>windows防火墙->高级->这种->勾选web服务器和ftp服务器

    1.9K10
    领券