关于axios.get的使用方法以及解决服务端无法获取完整接口地址的问题

闲散客

于 2019-08-08 21:20:32 发布

阅读量2.8k

点赞数

分类专栏：前端文章标签： axios.get

本文链接：https://blog.youkuaiyun.com/weixin_44295944/article/details/98885212

版权

前端专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何利用Axios库进行GET请求，包括基本的参数传递和处理复杂URL的方法，特别是展示了如何处理包含二级URL的请求场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

阅读此文，默认能够使用get和post方式获取后台数据

1.传入的地址例如："http://localhost:8000/user?id=XXX"

// 为给定 ID 的 user 创建请求
axios.get('/user?id=12345')
  .then(function (response) {
    console.log(response);
  })

2.传入的地址例如："http://localhost:8000/user?myUrl=http://apis.juhe.cn/mobile/get?phone=15938335231&key=6033c85baa0ef963cb62430c1b23f171" //手机号查询接口

无法通过方法一的req.query获取到手机号查询地址，解决方案：一方面可以通过后台拼接实现，如url=req.query+"&key=6033c85baa0ef963cb62430c1b23f171",然后根据地址获取数据。另一方面可以通过以下方法

axios.get('http://localhost:9000',{params:{
           myUrl : `http://apis.juhe.cn/mobile/get?phone=15938335231&key=6033c85baa0ef963cb62430c1b23f171` //接口地址
        }} ).then(res=>{
console.log(res);
});

此方法可以通过req.query.myUrl在服务端获取完整的接口地址，然后根据地址获取数据。