手机调试本地vue项目

vue 项目在手机上调试

cmd,打开自己电脑终端,输入ipconfig,就能看到自己电脑的ip地址了
在这里插入图片描述

标题vue.config.js文件

module.exports = {
    devServer: {
        host: '192.168.1.6',  // 将浏览地址的本地服务修改为本机ip地址,用来到手机上测试
        port: 8080,           //端口号
    },
}

然后项目启动的时候,直接访问:Network: http://10.0.XXX/

webpack4 的处理方法

测试项目,使用了proxy代理;
修改了两处:
在这里插入图片描述
在这里插入图片描述

可能出现的问题:

实测时,出现手机无法访问; 发现是本机安装的安全软件 火绒导致的,卸载后,可以手机访问。


版权声明:本文为lyxkgc原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。