方法一
打开 package.json,根据以下代码修改端口号:
"scripts": {
"serve": "vue-cli-service serve --port 端口号 ",
"build": "vue-cli-service build"
},
方法二
在运行项目的时候追加端口号,代码:npm run serve -- --port 8090
方法三
在根目录下创建vue.config.js文件(和package.json同一目录),代码如下
module.exports = {
devServer:{
port:8090, // 启动端口号
open:true // 启动后是否自动打开网页
}
}
方法四
端口文件存放目录为:node_modules/@vue/cliservice/lib/commands/serve.js
根据以下代码修改端口号:
const {
info,
error,
hasProjectYarn,
hasProjectPnpm,
openBrowser,
IpcMessenger
} = require('@vue/cli-shared-utils')
const defaults = {
host: '0.0.0.0',
port: 8090, //修改端口号
https: false
}
总结
优先级:方法一>方法二=方法三>方法四
如果方法二和方法三同时使用,且端口号设置不同,就会报错