No Access-Control-Allow-Origin header is present on the requested resourc
时间: 2023-10-28 09:00:10 浏览: 106
静态文件访问不到报No Access-Control-Allow-Origin处理办法
"No 'Access-Control-Allow-Origin' header is present on the requested resource" 错误提示表示在请求的资源上没有设置 "Access-Control-Allow-Origin" 头部信息。这是由于浏览器的同源策略所导致的,即浏览器限制了不同源(域、协议、端口)之间的访问。当一个请求跨域时,如果服务器没有正确设置响应头中的 "Access-Control-Allow-Origin" 字段,浏览器会阻止该请求的执行。
为了解决这个问题,有以下几种处理办法:
1. 在服务器端设置响应头中的 "Access-Control-Allow-Origin" 字段,允许指定的域名或所有域名进行跨域访问。可以通过在服务器配置文件(如 Nginx)中添加如下配置实现:
```
add_header Access-Control-Allow-Origin *;
```
或者
```
add_header Access-Control-Allow-Origin http://example.com;
```
其中, "*" 表示允许所有域名进行跨域访问,而 "http://example.com" 表示只允许该域名进行跨域访问。
2. 在服务器端设置其他相关的跨域请求头(如 "Access-Control-Allow-Methods"、"Access-Control-Allow-Headers" 等),具体根据需求进行设置。
3. 如果使用的是第三方API或服务,可以查看其文档中是否有提供相应的跨域访问配置或解决方案。
需要注意的是,在实际开发中,要确保跨域请求的安全性,不要使用 "*" 通配符允许所有域名进行跨域访问,而是根据实际需求设置具体的允许域名。这样可以有效控制访问权限,防止恶意攻击。
阅读全文