vue 项目使用 webpack 构建自动获取电脑ip地址
2019-01-02 15:29
1646 查看
问题描述:开发移动端项目时可能需要在手机上调试或者查看页面
解决方案:
- windows电脑打开终端输入 ipconfig 可以查看电脑的IP地址;
- mac电脑打开终端输入 ifconfig 可以查看电脑ip;
但是每天 ip 发生变化这样就很麻烦,每天都需要重新获取,所以提供以下解决方案来获取 电脑 ip,借助 node 里的 os 模块;
在 config 文件里的 index.js 里面加上以下代码:
const os = require('os'); function get_ip() { var host = ''; // 打开的host try { // 获得网络接口列表 let network = os.networkInterfaces(); // 本机ip network.en0[1].address 当电脑网络连接为 wifi 网络 // network.en7[1].address 当电脑网络连接为有线网络 host = network.en0 ? network.en0[1].address : network.en7[1].address; } catch (e) { host = 'localhost'; } return host; }
然后将 dev 里的 host 改成 get_ip() 即可;
相关文章推荐
- 关于使用Vue-cli脚手架配合webpack-simple构建项目操作流程(自用)
- vuex在vue-cli和webpack构建的项目中的简单使用
- webpack+vue 构建项目步骤并且使用sass 安装配置
- 使用vue-cil构建vue2项目,webpack打包项目
- vue init webpack myproject构建项目 ip不能访问
- 使用VUE2.0构建webpack项目
- vue init webpack myproject构建项目 ip不能访问的解决方法
- [react001] 使用webpack自动构建react 项目
- 使用webpack构建vue-cli项目,写scss脚本语言报错
- vue+axios 开发环境与生产环境配置请求接口,本地开发和线上开发有多个请求地址怎么处理?上线后自动获取ip,不需改请求地址可运用多个项目中
- windows/mac 使用webpack构建vue项目
- webpack构建VUE项目使用jquery及其插件 expose-loader
- 使用webpack打包vue项目,无法自动在浏览器中打开,情况总结
- vue2.0新手发车(一):使用webpack构建项目
- vue-cli起的webpack项目 用localhost可以访问,但是切换到ip就不可以访问
- 【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题
- 在多页面项目下使用Webpack+Vue
- webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇
- vue+webpack构建项目过程
- 使用vue脚手架工具搭建vue-webpack项目