vue获取IP地址所在城市地区

获取ip地址所在地区、市区

1、安装依赖，处理跨域

npm i -S vue-jsonp

2、main.js全局引入

import { VueJsonp  } from 'vue-jsonp'
Vue.prototype.$jsonp = VueJsonp
Vue.use(VueJsonp)

3、获取IP地址所在城市

// 获取ip所在城市、区等信息
    getIPCity() {
      var data = {
        key: 'KSPBZ-V5L33-5EM3D-35N5X-DIY66-CRF7J', //密钥
      }
      var url = 'https://apis.map.qq.com/ws/location/v1/ip' //腾讯地理位置信息接口
      data.output = 'jsonp' // 解决跨域问题
      this.$jsonp(url, data).then((res) => {
        console.log('IP所在市',res.result.ad_info.city);
        console.log('ip所属区',res.result.ad_info.district);
        return res
      }).catch((error) => {})
    },

写博客不易，如果觉得对你有帮助，请点赞支持一下！