h5 架设服务器获取公网ip,城市

要获取公网IP和城市信息，可以通过以下方式：

1. 使用第三方接口，比如ip-api.com、ipstack.com等，这些接口可以直接返回IP地址和城市信息。你可以使用HTTP GET请求，将你的IP地址传递给这些接口，并解析返回的JSON数据。

2. 通过服务器端脚本获取，比如PHP中的$_SERVER['REMOTE_ADDR']变量可以获取客户端的IP地址，然后通过IP地址解析库，如GeoIP或MaxMind，可以获取该IP地址所在的城市信息。

需要注意的是，这些方法都不是100%准确的，因为IP地址和城市信息可能会发生变化，而且有些IP地址可能被隐藏或伪装，导致无法获取准确的信息。

相关问题

h5服务器获取公网ip 假设

在H5服务器中获取公网IP地址的方法可以通过访问一个外部的IP查询接口来实现。以下是一个可以获取公网IP的示例代码：

// 通过访问ip地址查询接口获取公网IP
var request = new XMLHttpRequest();
request.open('GET', 'https://api.ipify.org', true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    // 获取到公网IP地址
    var publicIp = request.responseText;
    console.log(publicIp);
  } else {
    console.error('Failed to get public IP.');
  }
};
request.onerror = function() {
  console.error('Failed to get public IP.');
};
request.send();

这个示例代码通过访问 https://api.ipify.org 这个外部IP查询接口来获取公网IP地址。这个接口可以返回访问请求的IP地址，这个IP地址就是H5服务器所在的公网IP地址。

vue h5获取当前ip

在Vue.js中，你可以使用JavaScript原生的方法来获取H5页面的当前IP地址。这里是一个简单的示例：

<template>
  <div>
    <p>当前IP地址：{{ ipAddress }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ipAddress: ''
    };
  },
  mounted() {
    this.getIPAddress();
  },
  methods: {
    getIPAddress() {
      const_that = (window.navigator && window.navigator.connection) ? window.navigator.connection : null;
      if (that && that.type === 'cellular') {
        // 对于移动设备，通常会有一个cellularNetwork属性，可以尝试获取其中的ipAddress
        const cellularInfo = that.cellularNetwork || {};
        this.ipAddress = cellularInfo['ip'];
      } else if (window.location.hostname !== 'localhost') { // 非本地环境
        try {
          this.ipAddress = fetch('https://api.ipify.org').then(response => response.text()).catch(() => '获取失败');
        } catch (error) {
          this.ipAddress = '无法获取';
        }
      } else {
        this.ipAddress = 'localhost';
      }
    }
  }
};
</script>

这段代码会在`mounted()`生命周期钩子中自动获取IP，并在模板中显示。注意，对于非移动网络环境，它会尝试从`https://api.ipify.org`这个服务获取真实IP；对于移动网络或本地开发环境，可能返回的是特定的信息。