如何更改“ Access-Control-Allow-Origin”标头?

时间:2018-10-08 21:46:15

标签: firebase vue.js firebase-realtime-database axios

使用Firebase,Axios,VueJS开发小型应用程序。当我在Firefox上测试时,PUT请求会按预期工作。但是,在最新版本的Chrome上进行测试时,我收到以下消息:

  

无法加载https://vuejs-stock-trader-XXXXX.firebaseio.com/data.json:对预检请求的响应未通过访问控制检查:“ Access-Control-Allow-Origin”标头的值“ https://localhost:8080”不等于提供的来源。因此,不允许访问来源“ http://localhost:8080”。

我的本​​地服务器确实是在发送http而不是https请求,但是我对为什么它在FF而不是Chrome中起作用感到有些困惑。有什么方法可以查找/修改ACAO标头?或者,关于为什么它可能在一种浏览器而不是另一种浏览器上起作用的建议?

1 个答案:

答案 0 :(得分:0)

如果您使用选项打开chrome,Chrome还有一些额外的网络安全措施 --disable-web-security应该可以正常工作。

要针对启用了安全性的Chrome解决此问题,您将需要修改服务器端响应标头,并添加Access-Control-Allow-Origin: *或将*替换为您要从中访问它的网址。