You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

WordPress本地环境(XAMPP)下图片等资源无法加载问题求助

解决XAMPP本地WordPress多设备访问时资源加载异常的问题

1. 修正WordPress站点URL配置

登录WordPress后台,进入设置→常规,将**WordPress地址(URL)和站点地址(URL)**从localhost/你的项目名替换为本地服务器的局域网IP路径(比如192.168.3.10/你的项目名)。
若无法登录后台,直接修改数据库:

  • 打开XAMPP的phpMyAdmin,找到对应WordPress数据库
  • 编辑wp_options表,将siteurl和home字段的值更新为局域网IP路径

2. 检查资源目录权限

确保WordPress的wp-content/uploads目录(图片、图标存储目录)权限正确:

  • 在XAMPP文件管理器中,右键该目录,设置文件夹权限为755,文件权限设为644

3. 重置.htaccess文件

  • 后台操作:进入设置→固定链接,切换任意链接规则保存,再改回原设置,系统会自动重置.htaccess
  • 手动操作:删除项目根目录的.htaccess文件,新建文件并写入以下内容(替换你的项目目录为实际路径):
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /你的项目目录/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /你的项目目录/index.php [L]
</IfModule>
# END WordPress

4. 清除设备缓存

所有访问设备(手机、平板)清除浏览器缓存,或使用无痕模式访问;若WordPress安装了缓存插件,在后台清除插件缓存

5. 确认httpd.conf的AllowOverride设置

打开XAMPP的httpd.conf文件,找到项目目录对应的<Directory>配置块,确保AllowOverride All(默认None会导致.htaccess失效):

<Directory "你的项目绝对路径">
    AllowOverride All
    Require all granted
</Directory>

内容的提问来源于stack exchange,提问作者Chuo Sierra

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.25 00:18:22