vue-cli出现Invalid Host header（frp映射时）

场景

最近和微信交互，调试时需要映射一个域名给微信回调（ip不行）
遂用了frp内网穿透来映射出去
结果报了这个错

Invalid Host/Origin header

原因：

新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决方案

在根目录下创建文件vue.config.js，然后填入如下内容

module.exports = {
    devServer: {
        disableHostCheck: true,
    }
}

参考链接