出现 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." 这个错误是因为浏览器的跨域资源共享 (Cross-Origin Resource Sharing, CORS) 策略限制了从一个源（通常是你自己的服务器）向另一个源（比如 API 服务）发起的请求。浏览器出于安全原因，不允许跨域访问资源，除非服务器明确地允许。

解决这个问题的方法通常有以下几种：

1. **服务器端设置**:
- 在服务器上设置 `Access-Control-Allow-Origin` 头部，指定允许哪个或哪些源（URL）访问资源。如果是 "*"，则表示所有来源；如果只允许特定域名，写成该域名。

   // Node.js 中的 Express 示例
   res.setHeader('Access-Control-Allow-Origin', 'http://your-domain.com');

- 对于某些静态资源如API，可以在后端设置响应头，或者配置 API 代理。

2. **JSONP (JSON with Padding)**:
如果你的 API 支持 JSONP，你可以使用这个旧的跨域技术，但安全性较低。

3. **CORS预检请求** (Preflighted Request):
当发送一个 CORS 请求时，浏览器会先发送一个 `OPTIONS` 请求来检查是否允许跨域。确保你的服务器对这种请求也进行了正确的响应。

4. **同源策略例外**:
如果你的网站和服务在同一个域名下，或者使用了像 `file:` 协议，那么 CORS 策略就不再适用，无需额外设置。

5. **使用 CORS 插件或中间件**:
对于一些服务框架（如 Django、Flask），可能有内置的 CORS 中间件或插件可以帮助处理。

记得检查你的服务器配置，确保设置了正确的跨域策略，尤其是当你在前后端分离的应用中与第三方 API 交互时。相关问题：