前端项目中有什么会导致接口报错has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present

在前端项目中，当接口报错 "has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present"，这通常意味着浏览器的跨域资源共享（Cross-Origin Resource Sharing, CORS）策略阻止了你的前端应用从非同源服务器请求数据。这是因为浏览器出于安全考虑，不允许一个来源的脚本（如JavaScript）直接访问其他来源的资源，除非服务器明确地设置了允许特定来源的访问。

原因有几点：

1. **CORS禁用**：服务器没有设置`Access-Control-Allow-Origin`响应头，允许你的域名作为请求的源。
2. **同源策略**：请求的URL与你的前端页面不在同一个协议、域名或端口上，浏览器会默认应用同源策略，拒绝请求。
3. **预检请求（Preflighted Requests）**：对于某些类型的跨域请求（比如使用`PUT`, `DELETE`等方法），浏览器会先发送一个`OPTIONS`请求进行检查，如果没有`Access-Control-Allow-Origin`响应，这个预检请求也会被阻止。

要解决这个问题，通常需要：

1. **服务器配置**：在服务器端设置正确的CORS头部，允许来自特定源的跨域请求。
2. **JSONP**：如果服务器不支持CORS，可以尝试使用JSONP（JSON with Padding）这种跨域技术，但安全性较低。
3. **代理**：如果你在开发环境中，可以设置本地代理服务器转发请求，绕过浏览器的同源策略。
4. **CORS中间件**：对于Node.js服务器，可以使用像`cors`这样的中间件处理CORS。