**手机上访问Vue项目失败解决方案**

手机上访问Vue项目失败？

手机上访问电脑上运行的Vue项目，前提是两者在同一个局域网下，可以让两者连接同一个wifi
Vue3
简要说明：我使用的是Vue cli创建的Vue3的项目，项目隐藏了所有的webpack配置，所以网上很多的说法是在config下面更改index.js里面的host配置，我当时关于Vue的webpack配置只有vue.config.js这个文件，然后没找到怎么改这个文件

步骤1：用ipconfig命令查找无线局域网的ip地址：
我这里是192.168.1.4

我在手机上输入http://192.168.1.4:8080，访问我电脑上交给pm2代管的项目，因为我把项目部署在node服务器上以后，设置项目跑在了8080端口，所以我在手机上访问的也是8080端口，但是我实际电脑上的项目是运行在8081端口，其实两者都可以访问

第一次访问失败，可以进入登陆页，但是发送登陆请求失败
（在电脑上访问时登陆请求是成功的，我又ping通了手机的ip,经过查找资料，我认为是请求路径的问题）
把axios请求拦截的基础路径由原来的127.0.0.1改成本机ip192.168.1.4

把打包的入口文件的基础路径改完以后，我再次访问还是无法登陆
解决方式，我想起来在服务器上部署项目上线的时候用的是vue cli管理面板的build一项对项目进行的打包，然后将打包后的dist文件夹复制到的服务器文件夹下面，所以这时候应该重新build项目，不然只是在生产环境下改了，服务器上的dist文件还是原来那个，所以要用新的dist文件夹覆盖原来的
果然，在我重新build后，项目成功在手机上运行！！！！！！