Vue项目启动时默认端口号是8080,如果要启动多个项目就会发生冲突,通过以下方式可修改默认端口号
在项目的package.json中可以找到如下代码
- start属性指定的文件就是通过开发模式启动的服务文件
1 |
|
在build目录下的dev-server.js中可以找到如下代码
- 可以发现uri在拼接port接口之前,port接口首先根据是生产还是开发,被赋予了不同的端口号
- 而开发环境下的端口号来自config目录
1 |
|
在config目录下的index.js中可以找到如下代码
- 修改此处的port即可修改开发环境下启动项目的端口号
1 |
|