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

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

  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() 即可;

猜你喜欢

转载自blog.csdn.net/LonewoIf/article/details/85618816