智能摘要 DeepSeek
使用阿里云CDN时，图片或图标字体可能因跨域问题无法显示，浏览器控制台会提示“No 'Access-Control-Allow-Origin' header”错误。这是CORS机制导致的跨域资源共享问题。解决方法是在阿里云CDN控制台中，进入域名管理，配置HTTP头，添加“Access-Control-Allow-Origin”参数并设置适当值（如不确定可设为*）。
网站如果使用阿里云 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 设置一下跨域访问
- 登录阿里云 CDN 控制台。
- 在域名管理页面，选择 CDN 的域名，单击管理。
- 单击「缓存配置」 -「HTTP头」，单击添加。配置参数，选择「Access-Control-Allow-Origin」参数，取值请根据现场环境而定，如果不清楚直接输入 * 即可。
评论