详细过程见: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)
注意:修改后不要再给注释上了。