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 ]