vue中获取外网IP的方法

<template>
  <remote-js :src="src"></remote-js>
</template>
<script>
export default {
  name: 'OuterIp',
  data() {
    return {
      src: ''
    }
  },
  components: {
    'remote-js': {
      render(createElement) {
        return createElement('script', {
          attrs: { type: 'text/javascript', src: this.src || 'http://pv.sohu.com/cityjson?ie=utf-8' }
        })
      },
      props: {
        src: { type: String, required: true }
      }
    }
  }
}
</script>

<template>
<div>
    ...
    <outer-ip :src="ipUrl"></outer-ip>
    ...
</div>
</template>

<script>
import outerIp from '@/components/basic/outerNetIp.vue'

export default {
    ...
    components: {
        outerIp
    },
    ...
}
</script>

...
methods: {
    onClick() {
        let ip = returnCitySN['cip']
    }
}
...