vue.js - 如何在 Vue.js 中获取用户 IP 地址

Question

我是 Vue.js 的新手。我需要在 Vue.js 中获取用户 IP 地址。

我之前要做的就是在 API 内部使用 req.ip，但我的 API 总是获取 Vue.js 服务器 IP。

所以我认为 Vue.js 必须确定用户 ip 是什么。但是我仍然没有找到在 Vue.js 中获取用户 ip 的最佳方法。有人帮忙吗？

Answer 1

您需要发送请求以将客户端 IP 公开给某些 API。例如，您可以仅使用 vanilla JS 执行以下请求(例如在 mounted() 中)，然后将 IP 保存到数据中。

fetch('https://api.ipify.org?format=json')
  .then(response => response.json())
  .then(response => {
    this.clientIp = response.ip;
  });