苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 盆友圈
    • 栏目推荐

suxing

管理员
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
IP归属地: 广东
文章
214
评论
236
suxing
2021-10-13 13:51:18 广东

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

文章字数:609
阅读时间: 2 分钟
智能摘要 DeepSeek
使用阿里云CDN时,图片或图标字体可能因跨域问题无法显示,浏览器控制台会提示“No 'Access-Control-Allow-Origin' header”错误。这是CORS机制导致的跨域资源共享问题。解决方法是在阿里云CDN控制台中,进入域名管理,配置HTTP头,添加“Access-Control-Allow-Origin”参数并设置适当值(如不确定可设为*)。

网站如果使用阿里云 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」参数,取值请根据现场环境而定,如果不清楚直接输入 * 即可。
  • WordPress 教程
等 人表示很赞
5,135
0

评论

空空如也
suxing
suxing
2019-12-08 15:22:59 广东

推荐 非插件启用 WordPress 维护模式

智能摘要 DeepSeek 维护页面在线上调整网站时能避免访问者因维护而遇到问题,同时不影响后台设置调整。WordPress内置维护模式,通过简单的代码(如在functions.php中添加函数)即可开启,关闭时只需注释最后一行即可。 ...
  • WordPress 教程
2,594 0
suxing
suxing
2014-07-05 13:10:24 广东

推荐 WordPress评论回复邮件提醒及注册会员邮件获取密码

智能摘要 DeepSeek 当主机不支持WordPress的mail()函数时,可使用购买的主题中的SMTP邮箱设置发送邮件。操作步骤为:进入主题设置,找到SMTP邮箱配置,修改发件人、邮箱地址和密码为自己的信息,并参考QQ邮箱示例链接 ...
  • WordPress 教程
  • WordPress注册邮件
  • WordPress评论回复
7,335 1
suxing
suxing
2021-04-30 14:12:00 广东

推荐 WordPress 建立数据库连接时出错

智能摘要 DeepSeek 数据库连接出错通常发生在WordPress无法访问MySQL数据库时。常见原因包括数据库连接信息错误、MySQL进程停止、数据库表 ...
  • WordPress 教程
2,791 0
suxing
suxing
2014-11-26 14:11:52 广东

推荐 如何修改wordpress主题的样式和文件

智能摘要 DeepSeek 这篇文章介绍了如何通过浏览器检查元素、使用notepad++修改CSS代码等方法,帮助用户在WordPress主题中调整样式。具体步骤包括:1)下载并解压主题文件,2)使用浏览器检查目标元素,3)在notep ...
  • WordPress 教程
17,625 5
suxing
suxing
2014-07-21 23:43:11 广东

推荐 关闭wordpress自动产生图片缩略功能

智能摘要 DeepSeek WordPress上传图片时会自动生成3个尺寸的缩略图,这对小容量虚拟主机来说浪费服务器资源。要关闭此功能,需在后台→设置→多媒体中,将“裁切预览图到给定尺寸”参数设为0,取消生成缩略图,上传图片时仅显示原尺 ...
  • WordPress 教程
15,016 4

我用的 WordPress 主题

2021 年单栏 WordPress 主题

Copyright © 2012-2025 苏醒. All rights reserved. Designed by nicetheme.
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言