如何在Vue-cli项目中更改端口号,使其在另一个端口上运行而不是8080。
当前回答
第一选择:
打开的包。在“serve”部分中添加“——port port-no”。
就像下面,我已经做到了。
{
"name": "app-name",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve --port 8090",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
}
第二个选项:如果你想通过命令提示符
运行NPM服务——端口8090
其他回答
如果您正在使用vue cli 3,另一个选择是使用配置文件。创建vue.config.js与你的包在同一级别。Json,并像这样放置配置:
module.exports = {
devServer: {
port: 3000
}
}
使用脚本配置:
npm run serve --port 3000
工作很好,但如果你有更多的配置选项,我喜欢在配置文件中做。你可以在文档中找到更多信息。
要更改端口(NPM),请转到package.json。在脚本中编写自己的脚本,例如:
"start": "npm run serve --port [PORT YOU WANT]"
之后你可以用npm start开始
最好的方法是更新包中的serve脚本命令。json文件。只需像这样追加——port 3000:
"scripts": {
"serve": "vue-cli-service serve --port 3000",
"build": "vue-cli-service build",
"inspect": "vue-cli-service inspect",
"lint": "vue-cli-service lint"
},
如果你想临时改变端口号,你可以在npm run serve命令中添加一个-port选项。
运行服务-- --端口6058
你应该擅长这个:
“serve”:“vue-cli-service service——port 8081”,