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

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

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

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

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

项目使用

》npm run build 打包

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


修改host属性值:改成0.0.0.0

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

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

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

我是壹家全栈的:伊伊

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容