webpack vue项目开发环境局域网访问方法
2018-03-20 09:58
656 查看
思路:将自己的项目启动ip与端口固定,当然端口也可以为默认的8080
步骤:
1.查看自己在局域网内的ip
命令行 ipconfig
2.回到自己的开发目录,在根目录找到comfig/index.js
修改 host: 自己的局域网ip
修改 port: 自定义端口-最好不要用80或者其他常用端口
示例:comfig/index.js
host:'http://192.168.2.153',//一定要加上 http port:3000
注意:此处ip一旦固定,本机访问的或localhost将不可访问,必须也使用这个ip,局域网也是一样用此ip访问
以上这篇webpack vue项目开发环境局域网访问方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue-webpack项目 开发环境局域网访问
- webpack vue项目开发环境局域网访问方法
- 【vue-cli】vue-cli+webpack配置下局域网,手机无法访问绑定ip的vue项目
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- webpack本地开发环境无法用IP访问的解决方法
- webpack本地开发环境无法用IP访问的解决方法
- 使用vue-cli+webpack搭建vue开发环境的方法
- webpack vue项目开发环境局域网访问
- vue init webpack myproject构建项目 ip不能访问的解决方法
- vue webpack开发访问后台接口全局配置的方法
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- windows环境下搭建vue+webpack的开发环境
- Vue.js结合webpack开发时,webpack环境的搭建
- vue-cli+webpack在生成的项目中使用bootstrap方法(二)
- vue init webpack myproject构建项目 ip不能访问
- web项目发布至tomcat的ROOT下方法(开发环境和部署环境)
- webpack4手动搭建Vue开发环境实现todoList项目的方法
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- 搭建vue2.x+webpack简易开发环境
- Windows环境搭建VUE前端开发环境-安装VUE+webpack