手机访问vue项目

最新推荐文章于 2024-07-06 14:54:18 发布

不搭857

最新推荐文章于 2024-07-06 14:54:18 发布

阅读量1.7k

点赞数 1

文章标签： vue

本文链接：https://blog.csdn.net/Executioner975/article/details/107873567

版权

两分钟学会手机访问vue项目

在vue项目没有完成打包发布前，手机和电脑在同一个WiFi环境下，通过IP地址就可以轻松用手机访问到电脑端的vue项目。

查找电脑端的ip地址：

输入ipconfig在cmd中查询自己电脑的IP地址，选择ipv4的地址我的地址为：198.168.1.5
在这里插入图片描述

更改vue.config文件

      devServer: {
        disableHostCheck: true,

        host: '192.168.1.5', // ip
        port: 8080, // 设置端口号
        https: false, // https:{type:Boolean}
        open: false, //配置自动启动浏览器
        proxy:null, //设置代理
        open: true,
    }