2019-06-12-vue中调用地图第三方 API

vue中调用地图第三方 API

• 使用 axios 出现 CORS
• 使用 jsonp 出现 CORB
• 动态创建元素请求，同样出现 CORB

动态创建元素请求

    let url = 'http://api.map.baidu.com/geocoder?location=' + this.latlng + '&output=json&ak=xxxxbbbbvvv'
      window.__jp1 = function (data) {
        console.log(JSON.stringify(data))
      }
      var script = document.createElement('script')
      script.setAttribute('src', url)
      document.getElementsByTagName('head')[0].appendChild(script)
      

向服务器发送请求，服务器再请求第三方API，返回响应

      let query = {
        location: this.latlng
      }
      let res = await getAddrByCoordinate(query)
      console.info(res)