准备工作
- 正常运行的 React 项目
- phpStudy 工具
- 手机 + 浏览器
步骤1 - 配置项目
-
打开电脑命令行工具输如入 :
ipconfig, 记下 IP地址
ip地址 打开 项目 代码 (例 : Index/index.js ) : 把 本地的接口基准地址
localhost, 全部替换为http://192.168.0.104(替换你们的ip地址)- 之前的
- 改之后的
-
打包 :
yarn build
打包文件
步骤2 - 配置本地服务器
因为我们项目涉及到本地数据库, 还有 phpStudy工具, 所以我们直接就全部用 phpStudy了
-
打开
phpStudy工具 点击启动
phpStudy MySql 是访问本地数据使用的, 这个Apache 是为了托管项目的
-
打开托管的本地文件夹
WWW:
其他选项菜单 => 打开本地位置 => phpStudy => 等一会 => 进入 WWW本地文件夹
image.png - WWW
如果里面有内容全部删除
-
把 步骤1 配置项目 里打的包 :
也就是 build 里面的全部内容都拷贝到WWW文件夹里面
包内容放到WWW里面
步骤3 : 配置手机
-
点击电脑移动热点,保证手机和电脑在同一局域网
image.png -
右键移动热点
转到设置, 记住账号名和密码,也可以修改
image.png 手机打开wifi访问该热点
-
找到手机浏览器 输入ip即可 :
192.168.0.104(你们输入你们的)
好客租房
