vue2 使用高德接口查询天气

高德api地址

天气查询-基础 API 文档-开发指南-Web服务 API | 高德地图API

先申请key

import axios from "axios";
  
mounted() {   
this.weather = this.getWeather("神木市");
}

  getWeather(addr) {
      if (addr) {
        axios({
          url: "https://restapi.amap.com/v3/weather/weatherInfo",
          method: "GET",
          params: {
            key: "", // 填入高德申请到的key
            city: addr,
            extensions: "base",
          },
        }).then((res) => {
          console.log("查询到的天气", res.data.lives[0]);
          this.weather = res.data.lives[0].weather;
        });
      }
    },