出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法

当浏览器遇到 "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource." 错误时，这是因为同源策略(CORS)限制了网页之间跨域资源的访问。这个问题通常发生在从一个域名请求另一个域名的API服务时。

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

1. **服务器设置**：在提供API的服务器端添加 `Access-Control-Allow-Origin` 头部信息，指定允许哪些源访问。例如，设置为 `"*"` 表示所有来源都可以，或者特定的源如 `https://your-domain.com`。

Access-Control-Allow-Origin: https://your-domain.com

2. **JSONP（JSON with Padding）**：如果目标API支持JSONP，你可以创建一个script标签动态插入到页面中，利用脚本跨域加载数据。

3. **CORS代理**：如果你在开发环境，可以在本地设置一个代理服务器，将来自客户端的请求转发到实际的API服务器上，然后再返回给客户端。

4. **PostMessage API**：对于某些浏览器，可以尝试使用Window.postMessage()来实现跨域通信，适用于浏览器间的简单交互。

5. **OAuth授权**：如果是API服务本身需要保护，那么用户可能需要通过登录或获取临时令牌来进行授权。