阿里云 CDN 跨域问题： No 'Access-Control-Allow-Origin' header is present on the requested resource
<p>网站如果使用阿里云 CDN 的时候，图片(使用oss、或者其他图床的图片)、图标字体可能会碰到无法显示或者无法访问的问题。这可能就是碰到了 CDN 的跨域问题。</p><p>
一般在浏览器的控制台出现下面的错误信息：No 'Access-Control-Allow-Origin' header is present on the requested resource。</p><div><ol class="pre dp-c list-paddingleft-2"><li>Access to XMLHttpRequest at <span class="string">'****'</span> from origin <span class="string">'*********'</span> has been blocked by CORS policy: No <span class="string">'Access-Control-Allow-Origin'</span> header is present on the requested resource. </li></ol></div><p>
这是跨源资源共享 (CORS) 机制造成的，或通俗地译为跨域资源共享。该机制使用附加的 HTTP 头来告诉浏览器，是否允许运行在一个源上的 Web 应用访问位于另一不同源的资源。</p><p>
当一个 Web 应用发起一个与自身所在源(域，协议和端口)不同的 HTTP 请求时，它发起这个 HTTP 请求的即跨源 HTTP 请求。</p><p>
那么，如何解决这个问题呢?只需要按以下步骤，在 CDN 设置一下跨域访问</p><p style="text-align:center;"><img style="max-width:100%!important;height:auto!important;" 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-="" border="0" src="https://zhuji.jb51.net/uploads/img/202305/3233277cbf2be403f6a018a8d54da483.jpg" width="2668"/></p><ul class=" list-paddingleft-2"><li>
登录阿里云 CDN 控制台。</li><li>
在域名管理页面，选择 CDN 的域名，单击管理。</li><li>
单击「缓存配置」 -「HTTP头」，单击添加。配置参数，选择「Access-Control-Allow-Origin」参数，取值请根据现场环境而定，如果不清楚直接输入 * 即可。</li></ul><p>
原文地址：https://www.suxing.me/wp-courses/2231.html</p>
頁:
[1]