关于跨域、Access-Control-Allow-Origin等问题的解决方案
最近CDN.bootcss有些不稳定。对于有条件的小伙伴,可以使用自己的CDN服务或者服务器来使用,毕竟更为安全。你的站点大了就不在乎,站点小了就更加不需要在乎流量了。
很多支持免费CDN(腾讯云每月免费10G流量,经常60元的一年1T流量流量包),ip1W以内的站点也都足够用了。
在迁移css和js的过程中,会遇到一些css、js文件不能正常调用的问题。
一、跨域的问题,例如http和https等的一致性。
二、缺少Access-Control-Allow-Origin的问题
1、可以在网站配置中添加对应的请求头。
例如宝塔——网站设置——添加如下代码
location ~ \.(eot|otf|ttf|woff|svg|ttf|woff2)$ {
add_header Access-Control-Allow-Origin *;
}
2、如果依旧出现问题,例如font这个type如何访问正常访问,不要着急
例如小北是将其加入到cdn,因此显得颇为复杂。所以建议新手不要随便使用CDN,毕竟国内服务器速度通常足够了,加了层CDN,后期维护便增加了很大的难度。
您有两种方法解决:
进入CDN控制台(本次小北仅以腾讯云CDN为例)
方法1、在缓存配置中,将对应的font文件后缀设为不缓存。通过第二步设置,直接访问服务器是ok的。
方法2、在CDN控制台的高级设置中,HTTP响应头配置添加Access-Control-Allow-Origin,值为 *
对于CDN的配置也需要一定经验必定踩些坑,新手或者太忙可以先不上,不然把你折腾惨了,还没开始盈利,就已经放弃做站了。
关于跨域、Access-Control-Allow-Origin等问题的解决方案:等您坐沙发呢!