标签：Control Origin 网站 CDN Access 域名 报错 Allow

这两天将自己做的网站(PM老猫)上线了，上线后发现因为之前购买的服务器带宽较小，第一次打开网站页面就会比较慢，想着给网站加了个CDN，让静态文件直接通过CDN访问。网上一找发现可以白嫖的CDN服务挺多的，想着之前服务器就是白嫖的腾讯云，于是CDN也直接想到了腾讯云CDN，开通服务绑定域名就直接赠送了半年每月20G的流量包。每月20G对于这种个人的小网站完全够用了。

没想到开通CDN遇到的第一个问题，就是网站图标全都显示不出来，查看页面信息访问CDN的图标文件报：has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is

于是百度了一下好多答案都差不，有给服务器iis添加HTTP响应标头的：

Access-Control-Allow-Headers：Content-Type, api_key, Authorization
Access-Control-Allow-Origin：*
Access-Control-Allow-Methods：OPTIONS,POST,GET
也有给静态页面加meta标签的：

<meta http-equiv="Access-Control-Allow-Origin" content="*" />

后面经过尝试发现我遇到的情况跟别人的有点不一样，错误信息提示访问CDN上的文件报错，那么问题应该是CDN服务器不允许跨域访问，那么就要从CDN上着手处理问题，而不是网站本身服务器。

最后在腾讯云CDN服务——域名管理——高级配置中添加HTTP响应头配置，添加上方的三条配置，问题解决。

经此发现，给自己的小网站加个CDN，提高访问速度其实操作挺简单的，

1、添加域名绑定，绑定之后需要解析个子域名，用子域名作为CDN的访问地址。比如源网站域名是www.mroldcat.top 就可以添加子域名如：tcdn.mroldcat.top

2、可把网址的的静态内容全部替换成用CDN的子域名访问。比如原网站上图片地址是http://www.mroldcat.top/upfile/Images/banner/202206/062405415860.png替换成cdn地址http://tcdn.mroldcat.top/upfile/Images/banner/202206/062405415860.png

标签：Control,Origin,网站,CDN,Access,域名,报错,Allow
来源： https://www.cnblogs.com/hyx6/p/pmoldcat.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。