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 相关文章推荐
JavaScript中将一个值转换为字符串的方法分析[译]
Sep 21 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
Mar 07 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
Vue2.0使用过程常见的一些问题总结学习
Apr 10 Javascript
Node.js+Express+MySql实现用户登录注册功能
Jul 10 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
Aug 17 Javascript
React中常见的动画实现的几种方式
Jan 10 Javascript
微信小程序身份证验证方法实现详解
Jun 28 Javascript
javascript实现图片轮播代码
Jul 09 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
create-react-app开发常用配置教程
Jun 25 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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(八)
2014/06/23 PHP
PHP中soap的用法实例
2014/10/24 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
动态添加js事件实现代码
2009/03/12 Javascript
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
2014/09/01 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
2017/10/26 Javascript
取消Bootstrap的dropdown-menu点击默认关闭事件方法
2018/08/10 Javascript
小程序登录态管理的方法示例
2018/11/13 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
Windows下Anaconda的安装和简单使用方法
2018/01/04 Python
Odoo中如何生成唯一不重复的序列号详解
2018/02/10 Python
python字典快速保存于读取的方法
2018/03/23 Python
Python3使用pandas模块读写excel操作示例
2018/07/03 Python
Python+threading模块对单个接口进行并发测试
2019/06/25 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
如何使用python代码操作git代码
2020/02/29 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
佳能加拿大网上商店:Canon eStore Canada
2018/04/04 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
生产主管岗位职责
2013/11/10 职场文书
调任通知
2015/04/21 职场文书
大学学生会主席竞选稿
2015/11/19 职场文书
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫