在A网站中,我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中,那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据,否则就是不安全的。跨域访问违反了同源策略,
同源策略规定,浏览器的ajax只能访问跟它的HTML页面同源(相同域名或IP)的资源。

控制台报错类似has been blocked by CORS policy: No 'Access-Control-Allow-Origin',这就是跨域访问错误。
在做Ajax和CDN的时候都可能会碰到这个问题,要解决其实很简单,只需要在后端header中加上Access-Control-Allow-Origin就行了。

Access-Control-Allow-Origin表示允许跨域访问的域名,值为允许跨域的域名(多个可用逗号隔开,*表示允许所有域名)

以PHP后端为例:

header('Access-Control-Allow-Origin:*');

加上后跨域问题就解决了。

最后修改:2019 年 08 月 24 日 03 : 24 PM
如果觉得我的文章对你有用,请随意赞赏