如何在Vue-cli项目中更改端口号,使其在另一个端口上运行而不是8080。
当前回答
如果你想改变localhost端口,你可以改变package.json中的scripts标签:
"scripts": {
"serve": "vue-cli-service serve --port 3000",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
其他回答
如果您使用vue-cli 3。X,你可以简单地将端口传递给NPM命令,如下所示:
运行服务-- --端口3000
然后访问http://localhost:3000/
在visual studio代码中的vue项目中,我必须在/config/index.js中设置这个。 在下面更改:
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {},
host: 'localhost', // can be overwritten by process.env.HOST
port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false,
errorOverlay: true,
notifyOnErrors: true,
poll: false
}
}
如果你使用纱线:
yarn serve --port 3000
Vue-cli webpack模板的端口在你的应用根目录myApp/config/index.js中。
你所要做的就是在dev块中修改端口值:
dev: {
proxyTable: {},
env: require('./dev.env'),
port: 4545,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
cssSourceMap: false
}
现在你可以用localhost:4545访问你的应用了
如果你有。env文件,最好从那里设置
将PORT环境变量添加到package.json中的服务脚本中:
"serve": "PORT=4767 vue-cli-service serve",