获取天气数据

最新推荐文章于 2024-07-12 15:14:43 发布

前端小趴菜05

最新推荐文章于 2024-07-12 15:14:43 发布

阅读量226

点赞数 7

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/m0_68716504/article/details/140324154

版权

获取天气数据其实是一个简单的HTTP接口，根据用户输入的adcode，查询目标区域当前/未来的天气数据，数据来源是中国气象局。

第一步，申请”web服务 API”密钥（Key）；

链接: 首页 | 高德控制台 (amap.com)

第二步，拼接HTTP请求URL，第一步申请的Key需作为必填参数一同发送；

city参数可点击参数说明后面下载

import axios from 'axios'
onMounted(() => {
  let params = {
    key:" ",//自己对应申请的key
    city:610113,
  }
  axios.get('https://restapi.amap.com/v3/weather/weatherInfo?parameters',{params}).then(res=>{
    console.log(res);
    
  })
})