Browser-sync in mobile while local development

前端 未结 3 2121
广开言路
广开言路 2021-02-09 14:40

How can I view my local dev website in my phone using gulp Browser-sync? I type localhost:3000 in my phones browser but it won\'t load

3条回答
  •  遇见更好的自我
    2021-02-09 15:01

    When you run gulp in your terminal you should see :

        [BS] Access URLs:
     --------------------------------------
           Local: http://localhost:3000
        External: http://192.168.10.81:3000
     --------------------------------------
              UI: http://localhost:3001
     UI External: http://192.168.10.81:3001
    

    What it means is that your local URL is localhost at port 3000. For external users it will be the external IP [ not the UI one ]. To access from your phone you need to enter the External IP along with its port in your phone's browser.

    You can view all your browser-sync settings by visiting the UI IP.

    Note : For the external link to work on your phone, your phone and computer should be on the same Wi-Fi Network, only then it will work.

提交回复
热议问题