如何在 vue-cli 项目中更改端口号

Question

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

原文由 salman 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Vue-cli webpack 模板的端口位于应用根目录的 myApp/config/index.js 中。

您所要做的就是修改 dev port 值：

  dev: {
    proxyTable: {},
    env: require('./dev.env'),
    port: 4545,
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    cssSourceMap: false
  }

现在您可以使用 localhost:4545 访问您的应用程序

如果你有 .env 文件最好从那里设置

原文由 samayo 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您使用 vue-cli 3.x，您可以简单地将端口传递给 npm 命令，如下所示：

npm run serve -- --port 3000

然后访问 http://localhost:3000/

原文由 Nick Litwin 发布，翻译遵循 CC BY-SA 4.0 许可协议