vue 使用手机浏览自己的项目

Posted dangerousbaymax

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 使用手机浏览自己的项目相关的知识,希望对你有一定的参考价值。

参考: http://www.browsersync.cn/#install

首先全局安装BrowserSync : npm install -g browser-sync

其次在项目文件夹下运行: browser-sync start --server --files "css/*.css, *.html"

用以监听css和html文件,该文件夹下最好有index命名的html文件

运行完成后会跳出如下页面:

技术分享图片

我的url是我自己已经设置好了的,显示的是电脑ip,地址栏默认其实是显示localhost的,如果将其改为自己的电脑端口号需要在设置里面进行设置。

将端口号3000更改一下,比如改成3001,就会跳到设置页面:

技术分享图片

然后点击这里:

技术分享图片

随后将想看的某个项目的地址输入:

技术分享图片

将此地址栏发到手机上,只要是在同一个局域网内,就能在手机上查看此项目了

 

 

以上是关于vue 使用手机浏览自己的项目的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli建立的项目如何在手机端运行以及如何用charles来抓包

vue实现浏览器端大文件分块上传

vue 项目兼容 IE 浏览器

Vue项目通过宝塔部署之后,页面刷新后浏览器404页面。

那些不得不提的坑(持续添加中)

Vue项目在部分ios手机Safari浏览器上打开为白屏