原文:vue项目使用webpack构建的本地服务环境,在手机上访问调试

使用vue脚手架构建的项目,一般在本地localhost运行,配合浏览器的模拟调试工具开发。 如果想看真机环境,又不想build到线上。 webpack能配置电脑本地内网环境指向公网访问的 打开项目的package.json文件,修改里面的script里面的dev 可以打开cmd控制台,输入ipconfig,查看自己的电脑ip 修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑 ...

2019-04-29 12:46 0 673 推荐指数:

查看详情

如何在手机上访问电脑web项目进行真机调试

有时候想在自己手机上预览一下开发中网页的效果,就需要使用真机调试,用chrome自带的调试功能是很好的方法,但有时候需要适配一些小众的手机屏幕,这时用chrome就不方便了,下面说一下如何在手机上进行网页预览。 1.手机和电脑连同一个WiFi 注意,这里的WiFi不是指手机连上电脑的热点 ...

Thu May 07 17:31:00 CST 2020 1 1545
如何在手机上调试本地项目

十天没有写文章了,居然还有点生,不知道该怎么开头了。。尴尬。 今天来分享一个小技巧--如何在手机上调试本地项目。 相信很多开发小伙伴都对手机样式调试比较头疼,在电脑模拟器上写好了 css 样式一切简直完美,但是到了手机上就是各种问题暴露。要是本地写好的样式可以直接到手机上去查看,岂不是美滋滋 ...

Tue Jul 28 18:29:00 CST 2020 0 483
vue移动端项目在手机上调试

1.电脑和手机要连同一个wifi 一定是复制无线网的IP,而不是以太网的IP 2.在你的电脑上查找无线网络的ipv4地址:  查找方法:windows+r 然后再输入框里输入cmd 回车 会出现这样: 然后输入ipconfig 然后回车 你会看到一个ipv4的地址。复制这个地址 ...

Mon Nov 11 21:51:00 CST 2019 0 1229
vue项目怎么在手机上运行?

打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 ...

Sat Mar 09 19:25:00 CST 2019 0 1651
手机上访问angular移动项目

要实现手机访问本地开发的移动端项目,首先做到两点: 1、本地打开的项目可以使用本地ip访问 2、手机和电脑同时处于一个同一个局域网中(手机和电脑同时连上同一个wifi / 手机开热点给电脑 / 电脑开wifi给手机连接) 如果做到以上两点,那么恭喜你,就可以直接使用电脑ip在移动端访问 ...

Sat Sep 14 18:15:00 CST 2019 0 562
vue.js学习之 如何在手机上查看vue-cli构建项目

vue.js学习之 如何在手机上查看vue-cli构建项目 一:找到config文件夹下的index.js文件,打开后,将host的值改为你本地的ip,保存后重启项目 二:输入ip和端口号打开项目 三:将地址复制,使用二维码转换工具(草料二维码)生成二维码后,使用手机扫描,就可以查看 ...

Tue Dec 05 17:12:00 CST 2017 3 6532
vue-cli 移动端项目如何在手机上调试预览

这里分享下如何在webpack工具构建下的vue项目在手机调试和预览,言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器,使用同一个wifi; b.笔记本也可以直接启用一个wifi,手机链接笔记本wifi也可以; 2.查询本地IP地址 WIN+R ...

Fri Oct 25 18:35:00 CST 2019 0 1374
本地H5页面(vue项目)如何在手机上查看

1.查看电脑ip   windows系统:终端输入ipconfig,找到IPv4地址        mac系统:终端输入ifconfig,找到inet       2.修改项目配置   项目中找到webpack.config.js文件,将host地址改为电脑的ip地址,(以mac系统地 ...

Thu May 13 19:41:00 CST 2021 0 2021
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM