手機訪問電腦React項目

準(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(你們輸入你們的)

    好客租房

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容