在使用vue-cli脚手架创建项目之后，如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Host header”的错误。

这个是因为webpack为了安全而设计的，如果你不会webpack也没有关系。vue-cli很贴心的提供了一些配置，可以很快速的解决这个问题。

这里我们可以参考：https://cli.vuejs.org/config/#vue-config-js

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

module.exports = {
    devServer: {
        host: '0.0.0.0',
        hot: true,
        disableHostCheck: true,
    },
}

这样我们在访问的时候就不会出现“Invalid Host header”的错误了。