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 ]

现在的想法是