阿里oss 上传的字体 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
时间: 2023-11-14 19:12:47 浏览: 25
这个错误提示表明阿里云OSS上传的字体被CORS策略阻止了,因为服务端拒绝了跨域访问。解决这个问题的方法是在服务端设置CORS头,允许特定的域名访问资源。可以使用response.setHeader()方法来设置CORS头,例如:response.setHeader("Access-Control-Allow-Origin", "http://localhost:8080/")。这样就可以允许来自http://localhost:8080/的请求访问资源了。
相关问题
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 阿里云oss
这个问题是由于阿里云OSS服务没有设置CORS导致的。要解决这个问题,需要在阿里云OSS服务中设置CORS规则。具体步骤如下:
1. 登录阿里云OSS控制台,选择需要设置CORS规则的Bucket。
2. 进入Bucket的“基础设置”页面,找到“跨域资源共享(CORS)”选项,点击“设置”按钮。
3. 在“跨域资源共享(CORS)”页面中,点击“添加规则”按钮。
4. 在“添加规则”页面中,根据需要设置CORS规则,包括“允许的来源”、“允许的方法”、“允许的Header”、“暴露的Header”和“缓存时间”等。
5. 点击“确定”按钮保存CORS规则。
设置完CORS规则后,就可以解决“has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.”问题了。
阿里云OSS No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题解决
阿里云OSS No ‘Access-Control-Allow-Origin‘ header is present on the requested resource问题通常是由于跨域问题引起的。解决方法如下:
1.在OSS控制台中配置跨域规则。具体步骤如下:
- 登录OSS控制台,选择对应的Bucket。
- 在左侧导航栏中选择“跨域设置”。
- 单击“添加规则”,输入跨域规则,例如:
```xml
<CrossDomain>
<AllowedOrigin>http://www.example.com</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
<AllowedHeader>*</AllowedHeader>
<ExposeHeader>x-oss-test</ExposeHeader>
<MaxAgeSeconds>100</MaxAgeSeconds>
</CrossDomain>
```
- 单击“确定”保存设置。
2.在代码中设置请求头。具体步骤如下:
- 在发送请求前,设置请求头,例如:
```javascript
xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
```
3.使用代理服务器。具体步骤如下:
- 在自己的服务器上设置代理服务器。
- 在代理服务器上发送请求,然后将结果返回给客户端。