vue前端使用jsonp请求百度地图api报错{status: 408,statusText: “Request Timeout“}

之前项目上有个需求是绘制小区轮廓图，当时在网上看到的写法：

      var url = "http://api.map.baidu.com/place/v2/search?output=json&scope=2" + "&q=" + keyword + "&region=" + cityName + "&ak=xxx";
      this.$jsonp(url, {
        callbackQuery: "callback",
        callbackName: "queryHouseCallback",
      })
        .then((data) => {
          console.log("data", data);
        })
        .catch((err) => {
          console.log("err", err);
        });

 当时也是正常实现了的，昨天突然发现地图没有绘制了，发现jsonp请求报错：

 

有人说参数一定要加output:'jsonp'，尝试后依旧报错，

 

最后发现是ak有问题，之前申请的是浏览器端ak，当时能使用，估计是百度地图改版了，将ak替换为服务端ak就恢复正常了。