vue在手机中通过本机IP地址访问webApp的方法


Posted in Javascript onAugust 15, 2018

vue中通过localhost:8080,就可以访问浏览项目,但是如果改成本机IP则会报错

vue在手机中通过本机IP地址访问webApp的方法

通过localhost:8080访问效果

vue在手机中通过本机IP地址访问webApp的方法

通过本机IP显示效果

如果想通过手机输入本机IP访问需要在package.json中配置

vue在手机中通过本机IP地址访问webApp的方法

package.json配置

最后在手机通过IP就可以访问到webApp,或借助草料二维码生成修改后项目地址的二维码,掏出手机扫一扫即可~

vue在手机中通过本机IP地址访问webApp的方法

通过机IP访问效果

Tips:需要手机和电脑在一个局域网(wifi)下

总结

以上所述是小编给大家介绍的vue在手机中通过本机IP地址访问webApp的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 Javascript
json原理分析及实例介绍
Nov 29 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
Validform表单验证总结篇
Oct 31 Javascript
Vue数据驱动模拟实现2
Jan 11 Javascript
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
angular实现页面打印局部功能的思考与方法
Apr 13 Javascript
JS实现点击按钮可实现编辑功能
Jul 03 Javascript
详解JS WebSocket断开原因和心跳机制
May 07 Javascript
LayUI表格批量删除方法
Aug 15 #Javascript
layui中table表头样式修改方法
Aug 15 #Javascript
详解redux异步操作实践
Aug 15 #Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 #Javascript
Bootstrap Table列宽拖动的方法
Aug 15 #Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
Aug 15 #Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 #Javascript
You might like
使ecshop模板中可引用常量的实现方法
2011/06/02 PHP
php实现执行某一操作时弹出确认、取消对话框
2013/12/30 PHP
php实现邮件发送并带有附件
2014/01/24 PHP
PHP中的Memcache详解
2014/04/05 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
canvas实现简易的圆环进度条效果
2017/02/28 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
对于js垃圾回收机制的理解
2017/09/14 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
js中Object.defineProperty()方法的不详解
2018/07/09 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
2018/12/03 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
原生javascript制作贪吃蛇小游戏的方法分析
2020/02/26 Javascript
微信小程序实现搜索功能
2020/03/10 Javascript
python递归查询菜单并转换成json实例
2017/03/27 Python
Python上下文管理器和with块详解
2017/09/09 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
django将数组传递给前台模板的方法
2019/08/06 Python
CSS3制作文字半透明倒影效果的两种实现方式
2014/08/08 HTML / CSS
找到您丢失的钥匙、钱包和手机:Tile
2017/05/19 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
给排水专业应届生求职信
2013/10/12 职场文书
五一服装活动方案
2014/01/11 职场文书
家庭财产分割协议范文
2014/11/24 职场文书
使用pycharm运行flask应用程序的详细教程
2021/06/07 Python
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android