詳細過程見:Vue 4.0及以上修改默認8080端口號
Vue4.0中修改默認端口號較之前幾個版本有較大變化,修改方法如下:
- 找到修改端口的對應文件
目錄為:
項目文件夾/node_modules/@vue/cli-service/lib/options.js
• 2.打開options.js 文件,拖動最底部,找到如下代碼,取消注釋
devServer: {
open: process.platform === 'darwin',
host: '0.0.0.0',
port: 6080,
https: false,
hotOnly: false,
proxy: null, // string | Object
before: app => {}
}
以上圈里面的 port: 6080是我修改后的端口號,未修改的應該默認是 8080
• 3.取消以上方框中的注釋(以上代碼里的參數默認是被注釋掉了的),就可以修改項目的端口號了(port)
注意:修改后不要再給注釋上了。