vue 调用 sohu开放接口获取IP基本信息

1.搜狐开发api接口地址:https://pv.sou.com/cityjson?ie=utf-8

2.在组件中拼接请求地址

创建element,作为组件
components: {
    'remote-js':{
      render(createElement) {
           return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
     },
     props: {
        src: { type: String, required: true },
    },
    } 

3.方法中使用:

var ipInfo = returnCitySN;
/*
ipinfo:数据格式
{"cip": "222.xx.137.xxx", "cid": "xxxxx", "cname": "xxxx"}

获得的IP地址为公网IP地址,不是机器IP地址
*/

4.可以再需要的地方直接使用

5.Element调用

 <remote-js src="https://pv.sohu.com/cityjson?ie=utf-8"></remote-js>

注:非原创,在网上看到过,刚好又是自己需要的,再次仅仅做为记录

相关文章

这篇文章我们将通过debug源码的方式来带你搞清楚defineAsync...
欧阳老老实实的更新自己的高质量vue源码文章,还被某2.6k st...
前言 在Vue3.5版本中响应式 Props 解构终于正式转正了,这个...
组合式 (Composition) API 的一大特点是“非常灵活”,但也因...
相信你最近应该看到了不少介绍Vue Vine的文章,这篇文章我们...
前言 在欧阳的上一篇 这应该是全网最详细的Vue3.5版本解读文...