您的位置:首页 > Web前端 > Vue.js

vue 项目使用 webpack 构建自动获取电脑ip地址

2019-01-02 15:29 1646 查看

问题描述:开发移动端项目时可能需要在手机上调试或者查看页面
解决方案:

  1. windows电脑打开终端输入 ipconfig 可以查看电脑的IP地址;
  2. 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() 即可;

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: