手机调试本地vue项目

最新推荐文章于 2024-04-26 16:49:42 发布

九霄123

最新推荐文章于 2024-04-26 16:49:42 发布

阅读量456

点赞数 1

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/lyxkgc/article/details/121031091

版权

42 篇文章 2 订阅

订阅专栏

本文介绍了如何在手机上调试Vue.js项目，通过修改vue.config.js中的devServer配置，将主机设置为电脑IP地址，并设置端口。在启动项目后，手机可以通过访问特定URL查看。然而，实际操作中可能遇到安全软件如火绒的干扰，解决办法是卸载这类软件以确保手机能正常访问。

摘要由CSDN通过智能技术生成

vue 项目在手机上调试

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

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

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

测试项目，使用了proxy代理；
修改了两处：
在这里插入图片描述

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

关注

专栏目录