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；对于移动网络或本地开发环境，可能返回的是特定的信息。