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.