手机访问vue项目

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

原创最新推荐文章于 2024-04-26 16:49:42 发布 · 1.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#vue

本文介绍如何在未打包发布的状态下，通过同一WiFi环境下的IP地址，使用手机访问电脑端的Vue项目。首先，需在CMD中输入ipconfig获取电脑的IPv4地址；然后，修改vue.config.js文件，设置devServer的host为该IP地址，即可实现访问。

两分钟学会手机访问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,
    }