Vue CLI：怎样修改默认端口

Lasted 2020-03-06 19:45:05

运行以下命令来创建一个新项目：

vue create hello-world

项目默认端口为 8080，可以按如下方法修改系统默认端口和启动方式：

1. 创建 vue.config.js 文件

在项目根文件夹下创建 vue.config.js 文件，和 package.json 文件同一目录。

创建好文件后添加如下内容：

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

重新运行项目，如下所示：

yarn serve

App running at:
- Local:   http://localhost:8989/ 
- Network: http://192.168.1.3:8989/

Note that the development build is not optimized.
To create a production build, run yarn build.

2. 使用命令行参数修改端口

yarn serve --port=9000

App running at:
- Local:   http://localhost:9000/ 
- Network: http://192.168.3.6:9000/

Note that the development build is not optimized.
To create a production build, run yarn build.