Vue CLI 3.0 修改端口号的两种方法

在 Vue CLI 3.0 项目中，有时需要修改默认的端口号以适配特定开发环境或避免端口冲突。

可以通过修改 package.json 文件来指定端口。在 scripts 字段中，找到 serve 命令，并在其后添加 --port 参数，例如设置为 9001。

"scripts": {
   "serve": "vue-cli-service serve --port 9001",
 }

另一种方法是通过 vue.config.js 文件进行配置。在项目根目录下创建或修改该文件，并在 devServer 对象中设置 port 属性。

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

以下是 Vue CLI 3.0 中设置指定端口号运行的具体步骤。

首先，在项目根目录下创建 vue.config.js 文件（如果尚未存在）。

module.exports = {
  devServer: {
    port: 3000, // 端口
  },
  // lintOnSave: false // 取消 eslint 验证
}

完成配置后，运行项目即可使用指定的端口号。

以上为个人经验，希望能给大家一个参考，也希望大家多多支持本站。