vue.js - Vue 获取机器 IP 地址的方法?

Question

vue怎么获取机器ip?

我vue项目是打包之后放在pda上的,pda上有ip,怎么拿到该机器的ip

Answer 1

请求我的服务器，这样就知道你的出口ip了。https://www.lilnong.top/cors/1010000044803556

---

手动狗头，一般都是后端提供服务

Answer 2

在 Vue.js 中，由于 Vue.js 主要是运行在浏览器环境中的，它本身并不直接提供获取机器（或客户端）IP 地址的功能。这是因为出于安全和隐私的考虑，浏览器限制了访问此类敏感信息的能力。

但是，有几种方法可以在 Vue.js 应用中尝试获取客户端的 IP 地址：

1. 使用后端服务：你可以在后端设置一个 API 接口，该接口能够获取并返回客户端的 IP 地址。然后，在你的 Vue.js 应用中，通过 AJAX 请求（如使用 axios）调用这个 API 接口来获取 IP 地址。

例如，在 Node.js 的 Express 框架中，你可以这样获取客户端 IP：

app.get('/get-ip', (req, res) => {  const ip = req.headers['x-forwarded-for'] ||              req.connection.remoteAddress ||              req.socket.remoteAddress ||             (req.connection.socket ? req.connection.socket.remoteAddress : null);  res.send(ip);});

然后，在 Vue.js 中使用 axios 来调用这个 API：

axios.get('/get-ip')  .then(response => {    console.log(response.data); // 输出 IP 地址  })  .catch(error => {    console.error(error);  });

2. 使用第三方服务：有些第三方服务提供了获取客户端 IP 的 API，如 ifconfig.me、myexternalip.com 等。你可以在 Vue.js 应用中直接通过 AJAX 请求这些服务来获取 IP 地址。

例如，使用 axios 请求 ifconfig.me 服务：

axios.get('http://ifconfig.me/ip')  .then(response => {    console.log(response.data); // 输出 IP 地址  })  .catch(error => {    console.error(error);  });

需要注意的是，这些方法都依赖于客户端的浏览器环境和网络配置。在某些情况下，如使用了代理服务器或 VPN，获取到的 IP 地址可能不是实际的物理机器 IP。此外，出于隐私和安全的考虑，建议仅在用户明确同意的情况下获取和使用 IP 地址。