vue2花生壳 Invalid Host header

"Invalid Host header" 错误通常是在使用反向代理服务器时发生的，因为默认情况下，Vue CLI 2 和 3 生成的应用程序只能在本地运行。

如果您使用了类似于花生壳的反向代理服务器，请尝试在您的 `vue.config.js` 文件中添加以下内容：

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

这将禁用主机检查，以允许反向代理服务器通过主机头传递请求。重新启动您的开发服务器并尝试再次访问您的应用程序。

相关问题

Invalid Host header vue2怎么配置

对于Vue 2项目中的Invalid Host header错误，你可以按照以下步骤进行配置：

1. 打开webpack.dev.conf.js文件。
2. 找到devServer对象。
3. 在devServer对象中添加以下属性：headers: { "Access-Control-Allow-Origin": "*" }。这将允许来自任何来源的请求。
4. 保存并重新启动项目。

如果上述方法仍然不起作用，你可以尝试以下方法：

1. 打开vue.config.js文件，如果没有则创建该文件。
2. 在文件中添加以下代码：

module.exports = {
  devServer: {
    allowedHosts: 'all',
    historyApiFallback: true,
  },
};

3. 保存并重新启动项目。

请注意，这些配置方法适用于Vue 2版本。如果你使用的是Vue 3版本，请参考引用和引用中提供的链接查找适用于Vue 3的配置方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [解决 Vue 项目 invalid host header 问题（两种方案）](https://blog.csdn.net/luxiahongyi/article/details/123489141)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [22/11/11 vue3内网穿透 Invalid Host header](https://blog.csdn.net/Nighsloth/article/details/127810954)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [vue3.0解决vue项目中的“Invalid Host header”](https://blog.csdn.net/weixin_42418309/article/details/124380079)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]

本地内网穿透vue2 Invalid Host header

这个错误通常是由于使用了反向代理或负载均衡器等中间件，导致请求的 Host 头与实际的主机名不一致而引起的。解决这个问题需要修改 Vue.js 项目的配置。

你可以在 `config/index.js` 文件中添加一行配置：

dev: {
  // ...
  disableHostCheck: true
},

这样就可以关闭 Vue.js 开发服务器对 Host 头的检查，从而解决该问题。请注意，这样可能会存在一定的安全风险，因此请酌情使用。

如果你使用的是 Vue CLI 3.x，可以在 `vue.config.js` 文件中添加以下配置：

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

这样也可以达到同样的效果。