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>

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

posted @ 2022-07-15 14:49  有意思7  阅读(1081)  评论(0编辑  收藏  举报