您现在的位置是：主页 > news > 大连seo网站管理/制作网站用什么软件
大连seo网站管理/制作网站用什么软件
admin2025/6/24 7:28:59【news】
简介大连seo网站管理,制作网站用什么软件,网站建设的违约责任,网上商城系统平台官网记一下如何在vue项目中获取外网IP 之前有篇文章js获取客户端真实IP记录了如何获取外网IP 那个只是在普通html页面当中的获取方法，在vue项目中就不能这么使用了。 这里介绍一种适用于vue项目的公网IP获取方法 1.components公共组件目录下新建组件outerNetIp.vue用于获…
大连seo网站管理,制作网站用什么软件,网站建设的违约责任,网上商城系统平台官网记一下如何在vue项目中获取外网IP 之前有篇文章js获取客户端真实IP记录了如何获取外网IP 那个只是在普通html页面当中的获取方法，在vue项目中就不能这么使用了。 这里介绍一种适用于vue项目的公网IP获取方法 1.components公共组件目录下新建组件outerNetIp.vue用于获…
记一下如何在vue项目中获取外网IP
之前有篇文章js获取客户端真实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']}
}
...
以上。
