在手机上访问自己的vue项目---真机调试

最近在开发一个h5项目，需要适配移动端，因为有些交互在浏览器的开发者工具上不好调试，因此很多时候就需要真机调试，以下就是关于在移动端访问自己的vue项目的配置方法。

1. 首先把自己的项目打包好

   npm run build
   

2. 修改配置文件，vue3.xx是vue.config.js，vue2.xx是config文件夹下index.js文件

   

3. 重启项目

   // vue3.xx
   npm run serve
   // vue2.xx
   npm run dev
   

   项目启动后会有一个ip地址

   

4. 手机和电脑必须连接同一个网段 我的手机和电脑连接的是同一个wifi

5. 手机访问项目ip就好了 用手机访问你的ip地址就可以访问对应的项目了