有时会有在局域网下通过 IP 地址访问 vue 项目的需求,记录下获取本机 IP 的方法。
安装依赖
获取 IP 需要借助 os
模块,我们需要先安装依赖:
npm install os
配置修改
const os = require('os');
function getNetworkIp() {
// 打开的 host
let needHost = '';
try {
// 获得网络接口列表
let network = os.networkInterfaces();
console.log(network);
for (let dev in network) {
let iface = network[dev];
for (let i = 0; i < iface.length; i++) {
let alias = iface[i];
if (
alias.family === 'IPv4' &&
alias.address !== '127.0.0.1' &&
!alias.internal
) {
needHost = alias.address;
}
}
}
} catch (e) {
needHost = 'http://localhost';
}
return needHost;
}
config.plugin('define').tap((args) => {
let ip = getNetworkIp();
args[0]['process.env'].BASE_IP = `"http://${ip}:${port}"`;
return args;
});
使用
启动项目之后就可以从 process.env
的相应变量中获取到本机 IP 了。
参考资料
原文地址:https://cloud.tencent.com/developer/article/1873214
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。