脚本宝典收集整理的这篇文章主要介绍了

VUE项目测试,移动端

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

VUE项目,进行移动端测试

操作步骤:

1、运行项目

npm run dev

2、电脑创建热点

3、手机连接热点,通过本地ip 访问项目

http://9.1.**.**:8080/#/

//查询本地域名
//1、 windows + R  >  输入 cmd
//2、 输入 ipconfig
//3、IPV4 地址  就是IP地址了
    

4、发现报错,无法访问

5、解决

方法一:
找到文件 config > index.js

host : '0.0.0.0'
// 将host设置为'0.0.0.0'

如图
clipboard.png

方法二:
找到文件 package.json

"scripts": {
    "dev": "webpack-dev-server --inline --host 0.0.0.0 --progress --config build/webpack.dev.conf.js",
    //在dev中添加  --host 0.0.0.0
  },

设置完成后重启服务器,不然不起作用

6、重新启动项目

npm run dev

就可以通过移动端测试了。

clipboard.png

总结

以上是脚本宝典为你收集整理的

VUE项目测试,移动端

全部内容,希望文章能够帮你解决

VUE项目测试,移动端

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过