我可以在 Vue 中将默认端口从 8080 更改为其他端口吗？

Question

我一直在使用 Vue.js 和 Node.js 来构建我的应用程序。当我开始使用 Vue 时，它​​默认在 8080 上运行，而 Node 我在 3008 上运行。

我想要做的是由于某些情况，我想将 Vue 的端口从 8080 更改为任何其他端口，例如 8086 或 3005。我该怎么做？

Answer 1

只需运行以下命令即可根据所需端口运行 vue app：

npm run serve --port 8086

另一种方法是更新package.json文件中的服务脚本命令。只需--port 8086像这样附加：

"scripts": {
  "serve": "vue-cli-service serve --port 8086",
  "build": "vue-cli-service build",
  "inspect": "vue-cli-service inspect",
  "lint": "vue-cli-service lint"
}

Answer 2

就是这样！...这对我有用！

npm run serve -- --port 8086

Answer 3

如果您vue.config.js在项目的根目录中没有创建并添加此选项：

module.exports = {
   devServer: {
      port: 8086
   }
}

在webpack 文档中，您可以看到配置开发服务器的所有可用选项。

还检查vue-cli 文档。