XMLHttpRequest无法加载https://firestore.googleapis.....由于访问控制检查

XMLHttpRequest无法加载https://firestore.googleapis.com/...由于访问控制检查。

这个问题是由于浏览器的同源策略引起的。同源策略是一种安全机制，它限制了一个网页中的脚本如何与另一个源的资源进行交互。源是由协议、域名和端口组成的。

当一个网页中的脚本尝试通过XMLHttpRequest对象加载一个不同源的资源时，浏览器会发送一个预检请求（OPTIONS请求）到目标服务器，以确定是否允许跨域访问。如果目标服务器没有正确配置跨域资源共享（CORS），浏览器会阻止加载该资源，并抛出"XMLHttpRequest无法加载"的错误。

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

1. 服务器端配置CORS：在目标服务器上，可以通过设置响应头来允许跨域访问。具体的配置方法可以参考服务器框架的文档或者相关的CORS教程。
2. 使用代理服务器：可以在自己的服务器上设置一个代理，将请求发送到目标服务器，并将响应返回给浏览器。这样，浏览器就不会遇到跨域问题了。例如，可以使用Node.js搭建一个简单的代理服务器。
3. JSONP：如果目标服务器不支持CORS，可以尝试使用JSONP（JSON with Padding）来获取数据。JSONP利用了script标签不受同源策略限制的特性，通过动态创建script标签来加载数据。但是JSONP只支持GET请求，且需要目标服务器支持返回JSONP格式的数据。
4. WebSocket：如果需要实时通信，可以考虑使用WebSocket协议。WebSocket是一种全双工通信协议，可以在浏览器和服务器之间建立持久连接，绕过同源策略的限制。

腾讯云相关产品推荐：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云函数（SCF）：https://cloud.tencent.com/product/scf
• 云数据库 MySQL 版（CMYSQL）：https://cloud.tencent.com/product/cmysql
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 人工智能平台（AI）：https://cloud.tencent.com/product/ai