关注互联网最新技术
我们一直在努力

解决vue-cli脚手架访问出现“Invalid Host header”

在使用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”的错误了。

赞(0)
未经允许不得转载:全栈志 » 解决vue-cli脚手架访问出现“Invalid Host header”

相关推荐

  • 暂无文章

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址