目前在使用vue做一个项目，项目需要兼容PC端和手机端，所以在开发的过程中，需要使用手机去访问我电脑上的vue项目。
当然一拍脑门，觉得跟其它的项目是一样的，直接使用ip地址+端口号和跳转路径就可以访问了，但其实我错了，刚刚开始以为是防火墙的原因，后来把防火墙关闭之后，还是无法访问。
查了半天，才发现是需要配置的。
首先，你的项目需要打包。
项目使用
》npm run build 打包
打包完成后，修改一下vue项目 config文件夹下index.js文件配置：
修改host属性值：改成0.0.0.0
然后运行你的项目：npm run dev
然后你的手机端就可以使用ip+端口号+路径访问你的项目了。
注意哦：你的手机必须和你的电脑在同一网段，要不然也是无法访问滴。
我是壹家全栈的：伊伊
填坑进行中，笔记不断更新， 有需要的朋友可以关注我啦~~~
目前在使用vue做一个项目，项目需要兼容PC端和手机端，所以在开发的过程中，需要使用手机去访问我电脑上的vue项目...
参考资料: Vue2.0 新手完全填坑攻略—从环境搭建到发布 vue-cli构建vue项目Webpack 入门...
1、Vue、vueRouter 项目中均使用 cdn引入的 。 2、目前使用中还是有些坑需要填，2.0语法兼容会有...
vue-cli构建vue项目 参考资料:Vue2.0 新手完全填坑攻略—从环境搭建到发布 1.Node.js安装 ...
由于公司前端人员短缺，这周我和涛哥就来填这个坑了，前端使用的js框架是Vue+Vue-resource+Vue-v...
vue3入坑 加速github的访问 vue-cli的坑 vue/cli 官网Vue CLIvue cli 的包名...
问题 在使用 Vue.js 开发项目时，会用到 vue-router 模块来进行路由管理。为了在用户访问每个页面之...
参考：Echarts官网、Vue项目中使用Echarts展示图表数据、Vue 爬坑之路（八）—— 使用 Echar...
flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...
在做vue项目测试时，需要放在手机上调试，那么如何放在手机上调试呢？毋庸置疑，直接使用ip地址+端口号用手机去访问...
本文标题：vue填坑之使用手机访问vue项目
本文链接：https://www.haomeiwen.com/subject/oyqazftx.html
网友评论