手机访问电脑React项目

准备工作

• 正常运行的 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(你们输入你们的)
  

  好客租房