无法通过移动浏览器访问本地主机上的 Wordpress 站点（Chrome devtools - 远程设备）

Posted 2023-02-25

【中文标题】无法通过移动浏览器访问本地主机上的 Wordpress 站点（Chrome devtools - 远程设备）

【英文标题】：Can't access to Wordpress site on localhost via mobile browser (Chrome devtools - remote devices)

【发布时间】：2019-07-15 08:56:25

【问题描述】：

我无法从移动浏览器访问本地主机上的 wordpress 站点。

我已将手机连接到 Chrome 远程设备，并且可以访问 XAMPP 仪表板

localhost:8080/dashboard

但是当我尝试对存储在文件夹 htdocs/mysite 中的 wordpress 站点执行相同操作时，在这种情况下，移动浏览器无法访问它（但桌面浏览器可以在没有任何端口的情况下简单地键入 localhost/mysite）。

此外，移动浏览器中的 URL 被从 localhost:8080/mysite 覆盖为 localhost/mysite

注意：我可以从移动浏览器访问所有静态网站或带有自定义 CMS 的网站。但是 wordpress CMS 存在问题。

这是来自 WP 的标准 .htaccess

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteBase /mysite/
RewriteRule ^index\.php$ - [L]
RewriteCond %REQUEST_FILENAME !-f
RewriteCond %REQUEST_FILENAME !-d
RewriteRule . /mysite/index.php [L]
</IfModule>

# END WordPress

我尝试了各种示例来解决我的问题。 但没有成功。例如，如果我在移动浏览器中键入 127.0.0.1:8080/mysite，那么 devtools 控制台中会出现一个空白页面和一堆错误（对于所有资源：css、js 等）：

GET http://localhost/mysite/wp-content/themes/mytheme/assets/css/bootstrap.min.css net::ERR_CONNECTION_REFUSED

感谢任何提示

【参考方案1】：

您需要将 phpmyadmin 中 wp_options 中的站点 url 和主页值从“localhost”更改为您的访问 URL。对我来说，我正在从 Url '192.168.1.4' 访问我的本地主机，如果是这种情况，它会将我重定向到本地主机。

我将我的网站网址和主页网址从“http://localhost/mysite”编辑为“http://192.168.1.4/mysite”。在您的情况下，您可以像“http://localhost:8080/mysite”一样进行编辑。