vue 获取当前局域网地址

要获取当前局域网地址，你可以使用 WebRTC 的 API 来获取本地IP地址。以下是使用 Vue.js 的示例代码：

<template>
  <div>
    <p>Your local IP address is: {{ localIpAddress }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      localIpAddress: ''
    }
  },
  mounted() {
    this.getLocalIpAddress()
  },
  methods: {
    getLocalIpAddress() {
      const RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection
      const peerConnection = new RTCPeerConnection({
        iceServers: []
      })
      peerConnection.createDataChannel('')
      peerConnection.createOffer().then(offer => {
        peerConnection.setLocalDescription(offer)
      })
      peerConnection.onicecandidate = event => {
        if (event.candidate) {
          const ipAddress = event.candidate.candidate.split(' ')[4]
          if (ipAddress.startsWith('192.168.')) {
            this.localIpAddress = ipAddress
          }
        }
      }
    }
  }
}
</script>

在上面的示例中，我们创建了一个 RTCPeerConnection 对象来获取本地IP地址。我们通过创建一个数据通道并创建一个 offer 对象，然后通过 onicecandidate 事件来获取本地IP地址。我们只需检查IP地址以确保它是在局域网中，然后将其设置为 localIpAddress 数据。