Vue无效的主机头

Question

不知道为什么两天前我的项目（通过vue create创建）停止工作-在Chrome浏览器中

无效的主机头

和

WDS断开连接

错误。在cmd中，一切都可以正确编译（npm run serve），我不知道webpack，所以我不知道如何解决它。

我已经做了什么：

• 重新安装的节点
• 删除并重新安装了所有npm软件包

Answer 1

这个问题是由最近修复的webpack-dev-server问题引起的。

为避免出现 Invalid Host/Origin 标头错误，请将其添加到 vue.config.js 文件中的 devServer 条目中：

disableHostCheck: 真

Answer 2

disableHostCheck: true请注意，不建议这样做，因为它会产生安全漏洞。

对于在本地计算机上运行的开发服务器，我可以通过显式设置来解决该--host问题vue-cli-service serve：

scripts: {
  serve: "vue-cli-service serve --host myapp.localhost"
}

该--host选项记录在此处。

在浏览器中访问该应用程序myapp.localhost:8080（假设您使用的是默认端口8080）。