vue_真机调试页面

Posted 皮皮是只公喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue_真机调试页面相关的知识,希望对你有一定的参考价值。

使用vue开发也有一段时间,是说我太懒了,还是说太懒了。得总结总结的。

之前在开发的时候都是,npm run build把页面打包后再上传到代码库上线用手机看页面效果。样式调整,嗯,很麻烦很傻的。

今天决心要解决这个问题,的确很简单。

技术段:

下面这段文字也是别人家的,还是太懒了。

   我用的是vux起的一个项目(移动端,基于vue的),因为是移动端的,需要在手机上测试,发现用http://localhost:8081/访问的挺好的,但是换到ip就访问不了,期初我以为是代理的原因,将电脑的代理给关掉了。还是不行,然后改为127.0.0.1访问,发现可以访问,用0.0.0.0访问也可以,就是ip不行。然后就各种google,百度。别人家的方法---都试了好多,发现没效(有点怀疑人生,怀疑是不是我电脑的问题),但是结果就在这,ip就是不可以访问!!!!

      本着一个程序员的本能--不解决这个bug,誓不罢休的精神。我开始看自己的build文件, config文件。最终找到了根源----在config里面的index.js里面的module.exports下面的dev下面的host:‘localhost‘ 改为 host:‘0.0.0.0‘,就可以访问啦!!!然后开心愉快的开始码代码!!!!!!

 

  看不懂,别来找我。

 

以上是关于vue_真机调试页面的主要内容,如果未能解决你的问题,请参考以下文章

xcode真机调试和同开发者账号同事真机调试

使用 PC 端浏览器开发者工具对移动端真机环境 Web 页面进行远程调试

【vue3.0】25.0 某东到家( 廿五)——真机调试

MAC M1开发实录---Xcode真机调试

MAC M1开发实录---Xcode真机调试

MUI:hbuilderx开发调试_Hbuilder X mui 项目真机调试及本地调试