Vue 4.0及以上修改默认8080端口号

  • A+
所属分类:Web前端
摘要

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

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