欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-09-07 14:38:18
vue中通过localhost:8080,就可以访问浏览项目,但是如果改成本机ip则会报错 通过localhost:8080访问效果 通过本机ip显示效果...

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的方法,希望对大家有所帮助