首先，我们个人在写本地项目时候，是需要获取本地局域网IP地址进行项目的启动，这个时候，如果我们切换网络，会导致IP发生变化，这时候就需要重新获取IP地址。
所以，通过在vue.config.js中，用方法进行获取IP地址的操作。
const os = require('os'); //提供本地的相关信息
// 获取本地ip
function getNetWorkIp() {
// 打开host
let needHost = '';
try {
let network = os.networkInterfaces();
for (const dev in network) {
let iface = network[dev];
for (let i = 0; i < iface.length; i++) {
const alias = iface[i];
if (
alias.family === 'IPv4' &&
alias.address !== '127.0.0.1' &&
!alias.internal
) {
needHost = alias.address;
}
}
}
} catch (error) {
needHost = 'http://localhost';
}
return needHost
}
const IP = getNetWorkIp();
//跨域处理
devServer: {
host: IP, //这样就可以动态获取
proxy: {
'/api': {
target: `${IP}:3000/api`,
}
}
},
感谢！欢迎提意见！
