VUE項目本地啟動，然后手機通過IP訪問

• 1、需求
  • 項目前后端分離，本地啟動前端，本地啟動后端，需要讓手機可以通過IP訪問，進行頁面調試。
• 2、代碼中的改動說明
  • 1、修改index.js文件中的host
    • 
      
  • 2、修改前端AJAX調用后台請求的前綴（也使用IP）
    • 
      
• 3、其他遇到的問題說明
  • 1、PC可以通過鏈接直接訪問，但是手機無法通過鏈接訪問
    • 后來發現是Win防火牆的問題，關閉電腦防火牆即可。
      • 找到防火牆的配置，關閉。關閉結果如圖中第2部分。
        • 
          
  • 2、手機可以訪問前端頁面，但是無法獲取后台數據
    • 原因是上面的步驟，只改了第一步（index.js文件中的host），沒有改第二步（AJAX調用后台請求的前綴），改了之后，問題解決。
    • 另外，也有其他解決方法。
      • 我遇到這個問題時，想通過電腦抓包，看下是不是沒有獲取到數據。於是電腦開熱點，然后打開抓包軟件。
      • 但是當手機連接電腦的熱點之后，就可以直接獲取到數據了，很神奇...
• 4、參考
  • [參考: 通過IP訪問vue-cli項目的步驟和PC端可通過IP訪問，手機無法訪問的問題解決_大唐錦綉的博客-CSDN博客 https://blog.csdn.net/qq_27295403/article/details/105953508 ]
    文檔里有一個問題匯總，很有參考意義。
  • [參考: vue-cli 開發時手機無法通過ip訪問 - SegmentFault 思否 https://segmentfault.com/q/1010000015419227 ]

現在的想法是