Vue 项目中出现 Invalid Host header 解决办法

问题提出

当使用 natapp ,对 Vue 项目进行内网穿透时,访问项目外网网址出现 Invalid Host header 情况。

image-20210831224627866

解决方法

在项目的根目录下,应该有一个 vue.config.js 文件,如果没有直接新建一个,然后在其中加入配置

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

再访问项目外网网址,发现问题已经解决。


posted @ 2021-08-31 23:21  distance66  阅读(442)  评论(0编辑  收藏  举报