码迷,mamicode.com
首页 > 其他好文 > 详细

vue——同一局域网内访问项目

时间:2018-11-12 17:32:45      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:电脑   技术   com   config文件   alt   手机   数字   dex   .com   

1、想要在手机上访问本地的vue项目,首先要保证手机和电脑处在同一局域网内(连着同一个无线网)

2、将你电脑的ip设置为固定ip(ipcinfig查找本地的ip,然后修改它,改为你想变的数字)

技术分享图片

 

3、在vue项目中的 config文件中的index.js内,将host的配置改为本低局域网的ip————如:192.168.1.111

 

技术分享图片

 

 

4、同样的,在vue项目中找到packahe.json,在scripts内的dev中加入 --host 192.168.1.111

 注:--host 192.168.1.111的前后需要 空格 将前后内容隔开

 技术分享图片

 

 因为改了配置文件,所以需要重新运行项目  npm run dev  之后,你就可以访问http://192.168.1.111的vue项目了,同样在手机也可以

vue——同一局域网内访问项目

标签:电脑   技术   com   config文件   alt   手机   数字   dex   .com   

原文地址:https://www.cnblogs.com/tongjiaojiao/p/9947067.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!