Vue修改项目启动端口号方法

在项目的package.json中可以找到如下代码

start属性指定的文件就是通过开发模式启动的服务文件

\"scripts\": {
 \"dev\": \"node build/dev-server.js\",
 \"start\": \"node build/dev-server.js\",
 \"build\": \"node build/build.js\",
 \"lint\": \"eslint --ext .js,.vue src\"
}

在build目录下的dev-server.js中可以找到如下代码

可以发现uri在拼接port接口之前，port接口首先根据是生产还是开发，被赋予了不同的端口号

而开发环境下的端口号来自config目录

var config = require(\'../config\')
...
var port = process.env.PORT || config.dev.port
...
var uri = \'http://localhost:\' + port

在config目录下的index.js中可以找到如下代码

修改此处的port即可修改开发环境下启动项目的端口号

dev: {
 ...
 port: 8090,
 ...
}

以上这篇Vue修改项目启动端口号方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。