Vue CLI:怎樣修改默認端口

最近更新時間 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.
rss_feed