如何更改“访问控制允许来源”标题？答案

【问题标题】：How to change 'Access-Control-Allow-Origin' header?如何更改“访问控制允许来源”标题？
【发布时间】：2019-03-13 14:41:56
【问题描述】：

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

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

我的本地服务器确实发送的是 http 而不是 https 请求，但我有点不明白为什么这会在 FF 而不是 Chrome 中工作。有没有办法找到/修改 ACAO 标头？或者，对于为什么这可能在一个浏览器而不是另一个浏览器中起作用的任何建议？

【问题讨论】：

您为什么要使用 REST API 而不是提供的客户端 SDK（它会为您处理所有这些）访问实时数据库？
是的。我正在学习 VueJS 和 Axios，只是将 Firebase 用作数据服务器。
好吧，如果您使用 Firebase 客户端 SDK，您的工作会轻松很多。

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

【解决方案1】：

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

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

【讨论】：