小知识:阿里云 CDN 跨域问题: No Access-Control-Allow-Origin header is present on the requested resource

网站如果使用阿里云 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 跨域问题: No Access-Control-Allow-Origin header is present on the requested resource-猿站网-插图

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

原文地址:https://www.suxing.me/wp-courses/2231.html

声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

小知识:阿里云服务器1M带宽实际下载速度是多少?

2023-2-22 7:33:57

建站知识

小知识:云服务器1核2G1M可以放好多个网站?跑多少流量?

2023-2-22 7:44:27

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索