Vue项目中修改端口号几种方法·直接在启动项目时指定端口号·- 不用改项目文件适合团队多人合作时使用

Vue项目中修改端口号的几种方法

一、使用CLI命令

操作步骤：

1. 打开终端，定位到Vue项目的根目录。
2. 使用命令启动项目并指定端口号，例如：vue serve --port 3000

优点：

缺点：

二、修改配置文件

操作步骤：

1. 在Vue CLI 3及以上版本中，创建或修改vue.config.js文件。
2. 添加以下配置：

module.exports = {

  devServer: {

    port: 3000

  }

}

优点：

缺点：

三、在环境变量中设置端口号

操作步骤：

1. 在项目根目录创建或修改.env文件。
2. 添加以下内容：

VUE_APP_PORT=3000

3. 修改文件，读取环境变量：

const port = process.env.VUE_APP_PORT || 8080;

优点：

缺点：