Vue.js更改调试地址端口号
来源:互联网 发布:完美云课堂软件 编辑:程序博客网 时间:2024/05/24 06:03
Vue项目一般使用自带的脚手架工具vue-cli
和webpack
打包方式进行项目构建运行。开发中,我们在控制台输入命令行npm run dev
部署项目后,默认开启的页面调试地址是8080端口。但是有时候我们在进行多个项目开发需要同时部署多个vue项目,甚至有的还需要启动后台项目,这时就需要修改Vue项目的启动端口(不然会报端口被占用的错误,一个端口号只能一个进程占用)。
本文像大家讲解如何找到Vue项目中端口的配置文件,并修改。
首先,我们打开项目根路径中webpack
的配置文件package.json
,找到如下代码:
"scripts": { "dev": "node build/dev-server.js", "start": "node build/dev-server.js", "build": "node build/build.js", "lint": "eslint --ext .js,.vue src" }
start节点配置的是项目部署编译的入口文件,一般默认是build/dev-server.js
,找到build目录下的该文件中下面代码:
var uri = 'http://localhost:' + port
uri
就是我们项目部署的地址名称,port
即是端口号,我们在这里把port
改成新的端口号也可以。在实际开发中,不建议这样在代码中采用硬编码,而是通过统一的配置文件进行定义。
那么配置文件在哪呢,我们继续看dev-server.js
文件中如下代码:
var webpackConfig = require('./webpack.dev.conf')
从这里可以看出,引入了一个新的文件webpack.dev.conf
,继续点开后发现该本身并不负责具体字段的设置工作,只是引入其他的配置文件以便于统一管理,我们找到如下代码:
var config = require('../config')
注意这里的config
是指文件件,我们打开其目录下的index.js
,就是端口号的最终设置的地方:
dev: { env: require('./dev.env'), port: 8082, autoOpenBrowser: true, assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: {}, // CSS Sourcemaps off by default because relative paths are "buggy" // with this option, according to the CSS-Loader README // (https://github.com/webpack/css-loader#sourcemaps) // In our experience, they generally work as expected, // just be aware of this issue when enabling this option. cssSourceMap: false }
将port
改成新值即可,如我这里的8082
,重新部署项目,端口号修改成功。
阅读全文
0 0
- Vue.js更改调试地址端口号
- vue 端口号更改
- vue项目更改端口号
- vue.js如何更改默认端口号8080为指定端口
- vue.js如何更改默认端口号8080为指定端口
- windows下关于vue.js 默认8080端口的更改
- vue如何更改默认端口号8080为指定端口
- 如何更改vue项目运行的端口号
- Vue.js相关资料地址
- Vue.js调试工具vue-devtools
- vs2005调试ASP时端口更改
- 更改tomcat端口号
- tomcat更改端口号
- grails更改端口号
- tomcat 端口号更改
- vue.js的路由地址会以#号分隔,去掉
- vue-cli更换端口号
- 更改nginx默认端口,ubuntu更改nginx端口号
- Runtime钩子事件记录
- 学习软件测试理论思想概说
- SUST2017迎新赛
- Superset CodeForces
- string.Fromat
- Vue.js更改调试地址端口号
- m
- 【JZOJ 3773】 小 P 的烦恼
- 实习程序3
- 通过ResultSet和ResultSetMetaData得到object和columnname的起始点问题
- JQuery eval函数 $.getScript()、$(#id)html(‘’)
- React 组件之间如何交流
- jdk配置
- C语言从零学习第一次笔记