无效的主机标头 vue - Javascript

当使用Vue框架开发时，有时会遇到'无效的主机标头'这个错误。这是因为浏览器正在阻止从不同源加载资源，防止跨站点请求伪造攻击（CSRF）。

解决方法

有几种方法可以解决这个问题：

1. 在Vue项目中的'配置'中添加proxy表示代理，如下所示：

   // vue.config.js
   module.exports = {
     devServer: {
       proxy: 'http://localhost:3000'
     }
   }
   

   在此代码中，我们将Vue项目代理到端口3000上，因此现在可以在Vue项目里使用'http://localhost:3000'来请求数据。

2. 如果没有可用的代理，可以在运行Vue项目的服务器上添加'Access-Control-Allow-Origin'标头。这样可以允许从不同域请求数据。

   // 在Node.js服务器上添加以下代码
   response.setHeader('Access-Control-Allow-Origin', '*');
   

   在此代码中，*表示允许来自所有域的请求。

3. 设置一个合适的'BaseURL'，以避免将来出现类似问题。在Vue项目的main.js文件中设置。

   import axios from 'axios'
   axios.defaults.baseURL = 'http://localhost:3000'
   

   在此代码中，我们已经将基础URL设置为'http://localhost:3000'。

使用以上任何一种方法都可以解决'无效的主机标头'错误。

希望以上内容可以帮助你解决这个问题！