Vue项目调用腾讯地图服务（关键词提示服务）及使用axios的跨域问题

一，需求：

输入学校名称，调用腾讯地图的关键词提示服务选择学校的地址，项目需要学校地址的坐标。

腾讯地图服务官网api

二，实现：

（一）使用axios请求接口：

schoolNameChange(e) {

      const that = this;

      const schoolName = e.target.value;

      this.schoolName = schoolName;

      this.$axios.get("https://apis.map.qq.com/ws/place/v1/suggestion/", {

        region: "中国",

        keyword: schoolName,

        key: "4K6BZ-EJ5ED-3524H-HYYVS-3QQ3J-JUFVI",

      })

        .then(res => {

          that.addressArr = res.data;

        })

        .catch(err =>