本地环境下WordPress页面src属性特殊字符失效问题

咱们先拆解下你的问题核心：这是文件名的Unicode规范化不一致导致的URL编码不匹配——你请求的españa.jpg被解析成了espa%CC%83a.jpg（也就是把单个字符ñ拆成了n+组合波浪线~的编码形式），但实际本地文件的ñ是单个Unicode字符，所以路径匹配不上触发404。结合你说的其他环境正常的情况，咱们一步步排查解决：

1. 先确认本地文件的实际编码格式 #

首先得搞清楚你本地españa.jpg里的ñ到底是哪种Unicode形式：

• Windows系统：打开命令提示符，进入图片所在目录，输入 dir /x 查看短名称——如果是单个ñ，短名称会显示类似ESPANA~1.JPG；如果是组合字符，显示会有差异。
• macOS/Linux系统：在终端输入 ls -b，单个ñ会显示\361，组合字符则会显示n\313\203。

2. 检查Apache的编码配置 #

XAMPP里的Apache默认编码规则可能和其他环境不一样，导致URL解析时的规范化逻辑出错：

• 打开XAMPP安装目录下apache\conf里的httpd.conf文件；
• 找到AddDefaultCharset配置项，确保它设置为UTF-8：

  AddDefaultCharset UTF-8
  

• 另外检查httpd.conf或项目根目录的.htaccess里有没有ModPagespeed这类可能修改URL编码的模块，有的话先临时禁用试试。

3. 调整本地文件系统的编码（针对Windows） #

如果是Windows电脑，本地文件系统的代码页设置可能导致文件名存储编码和其他环境不一致：

• 打开命令提示符，输入 chcp 查看当前代码页，UTF-8对应的是65001；
• 如果不是，运行 chcp 65001 切换到UTF-8代码页，然后复制原图片文件，用新的文件名重新保存（确保ñ是单个字符）。

4. 临时应急方案 #

如果暂时不想调整配置，也可以直接绕开编码问题：

• 把图片文件名改成不带特殊字符的版本，比如espana.jpg，然后修改img标签为 <img src="/imagelocation/espana.jpg">；
• 或者在img标签里直接用单个ñ的标准URL编码：<img src="/imagelocation/espa%C3%B1a.jpg">（单个ñ的UTF-8编码是C3 B1，对应URL编码就是%C3%B1，和你现在出现的%CC%83完全不同）。

至于为什么其他环境没问题？线上和别的本地电脑的Apache配置、文件系统编码规则是统一的，都把ñ解析成单个Unicode字符的URL编码，自然能匹配到文件；而你的电脑要么是Apache的编码规范化规则特殊，要么是文件系统存储文件名时用了组合字符形式，才导致路径不匹配。

内容的提问来源于stack exchange，提问作者Juan Antonio Rodríguez Gabriel