如何在Vue-cli项目中更改端口号,使其在另一个端口上运行而不是8080。
当前回答
最好的方法是更新包中的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"
},
其他回答
你应该擅长这个:
“serve”:“vue-cli-service service——port 8081”,
要更改端口(NPM),请转到package.json。在脚本中编写自己的脚本,例如:
"start": "npm run serve --port [PORT YOU WANT]"
之后你可以用npm start开始
如果您使用vue-cli 3。X,你可以简单地将端口传递给NPM命令,如下所示:
运行服务-- --端口3000
然后访问http://localhost:3000/
虽然有点晚了,但我认为将所有这些答案整合成一个概述所有选项的答案是有帮助的。
分别在Vue CLI v2 (webpack模板)和Vue CLI v3中,按优先级(从高到低)排序。
Vue CLI v3
package.json: Add port option to serve script: scripts.serve=vue-cli-service serve --port 4000 CLI Option --port to npm run serve, e.g. npm run serve -- --port 3000. Note the --, this makes passes the port option to the npm script instead of to npm itself. Since at least v3.4.1, it should be e.g. vue-cli-service serve --port 3000. Environment Variable $PORT, e.g. PORT=3000 npm run serve .env Files, more specific envs override less specific ones, e.g. PORT=3242 vue.config.js, devServer.port, e.g. devServer: { port: 9999 }
引用:
https://cli.vuejs.org/config/#devserver https://cli.vuejs.org/config/#vue-config-js https://cli.vuejs.org/guide/mode-and-env.html
Vue CLI v2(已弃用)
环境变量$PORT,例如:PORT=3000 / config / index.js: dev.port
引用:
http://vuejs-templates.github.io/webpack/ https://github.com/vuejs-templates/webpack/blob/develop/template/build/webpack.dev.conf.js#L35
第一选择:
打开的包。在“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