详细过程见:Vue 4.0及以上修改默认8080端口号
Vue4.0中修改默认端口号较之前几个版本有较大变化,修改方法如下:

  1. 找到修改端口的对应文件
    目录为:
    项目文件夹/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)
注意:修改后不要再给注释上了。