vue中获取外网IP的方法
记一下如何在vue项目中获取外网IP
之前有篇文章记录了如何获取外网IP 那个只是在普通html页面当中的获取方法，在vue项目中就不能这么使用了。
这里介绍一种适用于vue项目的公网IP获取方法 1.components公共组件目录下新建组件outerNetIp.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>
2.页面vue文件中引用组件
<template>
<div>
...
<outer-ip :src="ipUrl"></outer-ip>
...
</div>
</template>
<script>
import outerIp from @/components/outerNetIp.vue
export default {
...
components: {
outerIp
},
...
}
</script>
...
3.methods方法中获取IP即可
...
methods: {
onClick() {
let ip = returnCitySN[cip]
}
}
... ... methods: { onClick() { let ip = returnCitySN[cip] } } ...
以上。
记一下如何在vue项目中获取外网IP 之前有篇文章记录了如何获取外网IP 那个只是在普通html页面当中的获取方法，在vue项目中就不能这么使用了。 这里介绍一种适用于vue项目的公网IP获取方法 1.components公共组件目录下新建组件outerNetIp.vue用于获取IP
...
3.methods方法中获取IP即可 ... methods: { onClick() { let ip = returnCitySN[cip] } } ... 以上。