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

作者:CherishTheYouth 阅读:

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

作者:CherishTheYouth 出处:https://www.cnblogs.com/CherishTheYouth/ 声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。对于本博客如有任何问题,可发邮件与我沟通,我的QQ邮箱是:3074596466@qq.com