美文网首页Vue.js学习
vue如何在手机中通过本机IP地址访问webApp

vue如何在手机中通过本机IP地址访问webApp

作者: xinhui9056 | 来源:发表于2018-08-15 08:59 被阅读55次

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


通过localhost:8080访问效果
通过本机IP显示效果

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

package.json配置

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

通过机IP访问效果
Tips:需要手机和电脑在一个局域网(wifi)下

相关文章

  • vue如何在手机中通过本机IP地址访问webApp

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

  • 计算机网络知识汇总(4)

    1.在防火墙上设置了端口禁止访问之后,在本机上通过ip访问时访问不了的(通过ip就要过防火墙),但是使用环回地址(...

  • 移动端fiddle Https抓包

    1.查找本机的IP地址,设置fiddle的端口号 2.在手机访问本机IP:端口,安装证书 3.fiddle设置允许...

  • Django下移动端调试Web项目全过程(图文)

    查看本机ip Django项目settings.py中添加host 开启外部访问 移动端输入ip地址进行访问 这样...

  • docker安装Jenkins及配置发布

    注意:本机ip 地址为192.168.1.103 docker 命令 访问地址:http://192.168.1....

  • vue项目本地通过IP+端口访问

    前端项目在自己机器上运行,能通过localhost+端口号访问,但不能通过IP地址访问在VUE项目中的packag...

  • 10个常用的cmd 命令

    1. ipconfig 功能:查询本机IP地址 IP地址不用说了吧,那么如何查询本机IP呢?其实很简单,只要在命令...

  • charles 4.x

    1、配置证书: 2、安装证书 3、查看端口(手机连接时需要修改手机的ip地址和端口,IP地址为本机ip地址)

  • 手机如何访问localhost

    由于本人是win10,所以只说win10是如何访问的首先通过以下三个步骤确定你的本机无线ip地址Ctrl+Rcmd...

  • 内外网穿透工具

    前言 在开发微信公众号或支付宝支付功能时.腾讯阿里都要求通过域名访问 本地的服务都是本机的ip地址.想要通过域名映...

网友评论

    本文标题:vue如何在手机中通过本机IP地址访问webApp

    本文链接:https://www.haomeiwen.com/subject/vvlibftx.html