準(zhǔn)備工作
- 正常運行的 React 項目
- phpStudy 工具
- 手機 + 瀏覽器
步驟1 - 配置項目
-
打開電腦命令行工具輸如入 :
ipconfig, 記下 IP地址
ip地址 打開 項目 代碼 (例 : Index/index.js ) : 把 本地的接口基準(zhǔn)地址
localhost, 全部替換為http://192.168.0.104(替換你們的ip地址)- 之前的
- 改之后的
-
打包 :
yarn build
打包文件
步驟2 - 配置本地服務(wù)器
因為我們項目涉及到本地數(shù)據(jù)庫, 還有 phpStudy工具, 所以我們直接就全部用 phpStudy了
-
打開
phpStudy工具 點擊啟動
phpStudy MySql 是訪問本地數(shù)據(jù)使用的, 這個Apache 是為了托管項目的
-
打開托管的本地文件夾
WWW:
其他選項菜單 => 打開本地位置 => phpStudy => 等一會 => 進入 WWW本地文件夾
image.png - WWW
如果里面有內(nèi)容全部刪除
-
把 步驟1 配置項目 里打的包 :
也就是 build 里面的全部內(nèi)容都拷貝到WWW文件夾里面
包內(nèi)容放到WWW里面
步驟3 : 配置手機
-
點擊電腦移動熱點,保證手機和電腦在同一局域網(wǎng)
image.png -
右鍵移動熱點
轉(zhuǎn)到設(shè)置, 記住賬號名和密碼,也可以修改
image.png 手機打開wifi訪問該熱點
-
找到手機瀏覽器 輸入ip即可 :
192.168.0.104(你們輸入你們的)
好客租房
