美文网首页
vue填坑之使用手机访问vue项目

vue填坑之使用手机访问vue项目

作者: 壹家全栈 | 来源:发表于2018-10-23 14:26 被阅读361次

    目前在使用vue做一个项目,项目需要兼容PC端和手机端,所以在开发的过程中,需要使用手机去访问我电脑上的vue项目。

    当然一拍脑门,觉得跟其它的项目是一样的,直接使用ip地址+端口号和跳转路径就可以访问了,但其实我错了,刚刚开始以为是防火墙的原因,后来把防火墙关闭之后,还是无法访问。

    查了半天,才发现是需要配置的。

    首先,你的项目需要打包。

    项目使用

    》npm run build 打包

    打包完成后,修改一下vue项目 config文件夹下index.js文件配置:

    修改host属性值:改成0.0.0.0

    然后运行你的项目:npm run dev

    然后你的手机端就可以使用ip+端口号+路径访问你的项目了。

    注意哦:你的手机必须和你的电脑在同一网段,要不然也是无法访问滴。

    我是壹家全栈的:伊伊

    填坑进行中,笔记不断更新, 有需要的朋友可以关注我啦~~~

    相关文章

      网友评论

          本文标题:vue填坑之使用手机访问vue项目

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