百度POI在vue项目中的应用

问题：axios请求poi接口存在跨域

• 1、下载vue-jsonp 包

• 2、头部引入 import VueJsonp from "vue-jsonp"

• 3、带参请求poi接口

   const params = {
        query: query,
        location: `${coordinates[0]},${coordinates[1]}}`,
        radius: "2000",
        output: "json",
        ak: "nSxiPohfziUaCuONe4ViUP2N",
        scope: 2
      };
      this.$jsonp("http://api.map.baidu.com/place/v2/search", params)
        .then(json => {
          let tempresults = json.results;
        })
        .catch(err => {
          console.log(err);
        });
复制代码

• 4、完美解决

转载于:https://juejin.im/post/5c4827fee51d45263c1d7188