第一种方式配置白名单
devServer: {
allowedHosts: [
'host.com', // 允许访问的域名地址,即花生壳内网穿透的地址
'.host.com' // .是二级域名的通配符
],
},
第二个就是不做校验,在vue.config.js中加入如下配置
devServer: {
allowedHosts: "all",
},
这个是webpack5中的配置,webpack4中的配置是
devServer: { disableHostCheck: true }
这个文章可能是webpack4或者更早,现在默认vue脚手架生成的都是webpack5,做参考。