使用axios请求数据的方法

最新推荐文章于 2026-03-06 07:47:25 发布

原创最新推荐文章于 2026-03-06 07:47:25 发布 · 2.4k 阅读

10 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#axios

Web前端专栏收录该内容

12 篇文章

订阅专栏

博客介绍了Axios的请求方式，包括get方式请求，可将参数单独写，还有post方式请求，同时提到使用all方法将多个请求并发处理，聚焦于Axios在请求方面的应用。

get方式请求：

axios.get('/detail?id=10').then(function (res) {
    //成功获取数据
   console.log(res);
 }).catch(function (err) {
    //请求错误
   console.log(err);}

或者是参数单独写：

// 带参数的get请求
axios.get('/detail', {
    //参数
   params: {
        id: 10
    }
 }).then(function (res) {
    //成功获取数据
    console.log(res);
 }).catch(function (err) {
    //请求错误
    console.log(err);
 });

post方式请求：

//执行post请求
 axios.post('/add', {
    name: '前端君',
    age: 26
 }).then(function (res) {
    //请求成功
  console.log(res);
 }).catch(function (err) {
    //请求失败
  console.log(err);
  });

使用 all 方法将多个请求并发：

function getProfile(){//请求1
    return axios.get('/profile');
 }
 function getUser(){  //请求2
    return axios.get('/user');
 }
 //并发请求
 axios.all([ getProfile(), getUser()]).then(axios.spread((res1, res2)=>{
    //两个请求现已完成
   console.log(res1);
    console.log(res2);
 }));