阿里云代理
扫码添加阿里云代理微信客服
获取最大优惠,期待与您合作!

7*24小时客服

QQ客服:1726663034

阿里云 CDN 跨域问题: No 'Access-Control-Allow-Origin' header is pre

作者:5h网络   来源:互联网    发布时间:2022-04-24


网站如果使用阿里云 CDN 的时候,图片(使用oss、或者其他图床的图片)、图标字体可能会碰到无法显示或者无法访问的问题。这可能就是碰到了 CDN 的跨域问题。

一般在浏览器的控制台出现下面的错误信息:No 'Access-Control-Allow-Origin' header is present on the requested resource。

  • Access to XMLHttpRequest at '****' from origin '*********' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 

这是跨源资源共享 (CORS) 机制造成的,或通俗地译为跨域资源共享。该机制使用附加的 HTTP 头来告诉浏览器,是否允许运行在一个源上的 Web 应用访问位于另一不同源的资源。

当一个 Web 应用发起一个与自身所在源(域,协议和端口)不同的 HTTP 请求时,它发起这个 HTTP 请求的即跨源 HTTP 请求。

那么,如何解决这个问题呢?只需要按以下步骤,在 CDN 设置一下跨域访问

<img title="阿里云 CDN 跨域问题: No 'Access-Control-Allow-Origin' header is present on the requested resource" alt="阿里云 CDN 跨域问题: No 'Access-Control-Allow-Origin' header is present on the requested resource" align="" header="" is="" present="" on="" the="" requested="" resource-苏醒"="" data-cke-saved-src="http://www.56aliyun.com/uploads/allimg/56aliyun/2152201110-0.png" src="http://www.56aliyun.com/uploads/allimg/56aliyun/2152201110-0.png" style="border-width: 0px; border-style: solid; width: 400px; height: 400px;">

  • 登录阿里云 CDN 控制台。
  • 在域名管理页面,选择 CDN 的域名,单击管理。
  • 单击「缓存配置」 -「HTTP头」,单击添加。配置参数,选择「Access-Control-Allow-Origin」参数,取值请根据现场环境而定,如果不清楚直接输入 * 即可。


 

相关栏目