如何在Vue-cli项目中更改端口号,使其在另一个端口上运行而不是8080。


当前回答

你应该擅长这个:

“serve”:“vue-cli-service service——port 8081”,

其他回答

如果您使用vue-cli 3。X,你可以简单地将端口传递给NPM命令,如下所示:

运行服务-- --端口3000

然后访问http://localhost: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文件,最好从那里设置

你应该擅长这个:

“serve”:“vue-cli-service service——port 8081”,

我的天啊!这并不复杂,这些答案也同样有效。然而,这个问题的其他答案也很有效。

如果你真的想使用vue-cli-service,如果你想在你的包中有端口设置。你的'vue create <app-name>'命令基本上创建的Json文件,你可以使用以下配置:所以你脚本的整个配置是这样的:

...
"scripts": {
"serve": "vue-cli-service serve --port 3000",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
...

我在macOS设备上使用@vue/cli 4.3.1 (vue——version)。

我还添加了vue-cli-service引用: https://cli.vuejs.org/guide/cli-service.html

如果你通过Visual Studio Community或Professional(可能是. net Core项目)运行这个程序,你会发现无论你执行什么步骤,当你启动解决方案时,它都会使用8080。

有发射。Json文件,你需要编辑隐藏在.vscode目录。 MS根本没有告诉你这个,文件搜索似乎也找不到它。