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

  • A+
所属分类:网站建设

 

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

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

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

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

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

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: