反应和PHP和移动

Question

我正在使用反应为我的前端，PHP和MySQL的后端。 React在localhost上运行，端口3000和xampp服务器在localhost，端口80上运行。

我从MySQL获取数据到php解析为json格式。对于前端，我使用axios API来调用数据。

当我在浏览器中时，我能够看到数据，但是当我从移动设备访问同一页面时，我只能看到表格而不是json数据。

Answer 1

这可能是因为您在本地运行应用程序，并且无法在您的移动设备上访问localhost（因为这个词本身表明它的LOCALhost）。如果您的手机与桌面位于同一网络，则可以从计算机本地IP地址访问该网站。

Answer 2

我猜你的前端配置为使用http://localhost作为后端网址？这意味着当您在手机上运行时，它使用手机主机作为后端网址:)

尝试将后端网址设置为前端的http://192.168.1.99。

Answer 3

将API网址更改为：

http://192.168.1.99/assets/data.php

您使用了localhost / assets / data.php，但您的xampp已安装在您的PC上，而不是安装在您的手机上，因此您的手机无法访问此设备。

Answer 4

嗨，要在移动设备上测试它，您也可以使用Chrome开发工具中的远程设备。