vue实战开发002:局域网中访问vue-cli项目

       项目准备上线了,后期交给另一个团队负责,在部署服务器前人家要先了解下我们的项目情况,所以需要登录,由于是内网环境,所以对方可以直接访问我的电脑ip来访问我的本地项目,但是在开发时我们设置的是localhost也就是127.0.0.1访问本地项目,其他人想访问时无法访问的,这时我们就需要对vue进行下配置了。

先找到自己的ip,运行中输出cmd,然后执行ipconfig/all就可以找到自己的本地ip

然后在项目根目录中找到package.json文件,打开进行配置,改变绑定的ip,打开package.json,找到scripts下的dev 结尾增加一个参数 --host 10.148.85.115

最后重启我们的vue项目即可:npm run dev 

这样我们就可以在浏览器上通过 http://10.148.85.115:8080

欢迎关注本人的公众号:编程手札,文章也会在公众号更新

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ProgramNotes

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值