vue实战开发002:局域网中访问vue-cli项目
2018-11-26 16:20
483 查看
项目准备上线了,后期交给另一个团队负责,在部署服务器前人家要先了解下我们的项目情况,所以需要登录,由于是内网环境,所以对方可以直接访问我的电脑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
阅读更多
相关文章推荐
- spring boot + vue cli 3 整合开发(附带简单的项目实战)
- 基于vue-cli网上商城项目实战开发——搭建一个完整的SPA项目开发框架(一)
- 如何在局域网中访问vue-cli项目
- 【vue-cli】vue-cli+webpack配置下局域网,手机无法访问绑定ip的vue项目
- 访问虚拟机中的 vue-cli 项目
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- 用vue-cli构建了项目之后在webstorm开发,用npm run dev跑本地服务,经常修改之后在浏览器刷新没反应,偶尔才会有刷新,需要重新跑一遍npm run dev才会更新,这是怎么回事呢?
- vue-cli起的webpack项目 用localhost可以访问,但是切换到ip就不可以访问
- vue项目使用cli手脚架搭建的时候要开发的步骤和注意事项
- 如何Vue-cli开始使用在Vue.js项目中启动TDD(测试驱动开发)
- vue项目开发实战(一)——vue项目起航
- Vue实战项目开发--Vue中的动画特效
- vue2.0新手填坑攻略之使用vue-cli搭建vue项目开发环境到项目发布
- 前端开发手机端调用开发者工具(控制台信息,报错,接口信息等),ios安卓通用vue-cli项目中mockjs和vConsole的使用
- webpack vue项目开发环境局域网访问方法
- vue.js2.0实战:搭建开发环境及构建项目
- vue2.0实战之使用vue-cli搭建项目(2)
- 不需要打包,局域网下使用ip访问Vue项目
- 最新Vue2.5从零基础入门到去哪儿网App实战项目开发全套
- 2018最新Vue2.5开发去哪儿网App 从零基础入门到实战项目