WordPress站点CDN功能无法正常工作，是否需在wp-config.php补充配置？

核心结论 #

你遇到的CSS/JS资源无法从Azure CDN加载的问题，需要在wp-config.php中补充对应配置项，同时还要同步排查几类常见的配置冲突问题，操作步骤如下：

第一步：添加wp-config.php配置项 #

将以下配置代码添加到wp-config.php文件中，位置放在/* 好了！请不要再继续编辑。请保存本文件。使用愉快！ */注释行的上方即可：

// 替换为你自己的Azure CDN域名和原始站点域名
define('WP_CONTENT_URL', 'https://<你的Azure CDN域名>/wp-content');
define('WP_PLUGIN_URL', 'https://<你的Azure CDN域名>/wp-content/plugins');
define('COOKIE_DOMAIN', '<你的原始站点域名>');

该配置会强制WordPress核心生成静态资源地址时直接使用CDN域名，规避部分主题、插件未走标准资源加载钩子导致的替换失效问题，其中COOKIE_DOMAIN配置是为了避免CDN域名覆盖会话Cookie导致后台登录异常。

第二步：排查其他配置问题 #

仅添加wp-config配置还可能存在其他异常，需同步检查以下项：

• Azure CDN回源配置校验：回源地址填写WordPress原始站点域名，回源协议和站点保持一致（全HTTP或全HTTPS），CDN缓存规则不要限制css、js、图片类静态资源的回源请求，也不要给这类资源配置额外鉴权规则。
• 缓存插件冲突排查：不要同时启用多个带CDN域名替换功能的缓存插件，仅保留1个常用插件的CDN功能即可，其余插件的CDN配置全部关闭，避免多轮域名替换导致资源地址错误。
• 资源加载逻辑校验：如果部分自定义主题、插件是硬编码写入静态资源地址，没有使用WordPress官方的wp_enqueue_style()、wp_enqueue_script()方法加载资源，所有域名替换规则都会失效，这类场景需要修改对应代码，换成官方标准的资源加载方法。
• 跨域问题排查：如果浏览器控制台报CORS跨域错误，需要在原始站点服务器或Azure CDN的响应头配置中，添加Access-Control-Allow-Origin头，放行站点域名和CDN域名的跨域访问请求。

内容的提问来源于stack exchange，提问作者Aravind Emmadishetty