苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 友情链接
首页 WordPress 教程 阿里云 CDN 跨域问题: No 'Access-Control-Allow-Origin' header is present on the requested resource

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

suxing 2021-10-13 13:51:18

网站如果使用阿里云 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-苏醒
  1. 登录阿里云 CDN 控制台。
  2. 在域名管理页面,选择 CDN 的域名,单击管理。
  3. 单击「缓存配置」 -「HTTP头」,单击添加。配置参数,选择「Access-Control-Allow-Origin」参数,取值请根据现场环境而定,如果不清楚直接输入 * 即可。
0
suxing
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
赞赏
suxing

评论 (0)

返回
    发表评论

猜你喜欢

  • 阿里云虚拟机如何设置wordpress伪静态规则
  • WordPress 小Tips:如何不显示站点顶部工具栏
  • PHP 错误 Parse error: syntax error, unexpected '?' 解决办法
  • WordPress 建立数据库连接时出错
  • WordPress 小Tips:打开自定义字段,修改网站文章参数(评论数/点赞数)
suxing
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
197
文章
289
评论
306
获赞
suxing

我用的 WordPress 主题

2021 年单栏 WordPress 主题

  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
Copyright © 2012-2023 苏醒. Designed by nicetheme.
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言
  • 是日一记