axios的使用

• get方法

1、不含参数的格式

axios.get('_______')  //填写接口连接

        .then(response=>(_______))  //填写处理请求的语句，比如将数据存入对象中

        .catch(function(error){   //处理失败请求

             console.log(error);

        });

例子如下：

axios.get('/page/homepage/showEventByCarousel')
          .then(response=>(this.event_PhotoData = response.data.data))
          .catch(function (error) { // 请求失败处理
            console.log(error);
          });

2、含参数的格式

axios.get('____填写接口连接_____',{
  params:{
    ____填写接口参数____:_____填写参数具体值_______
  }
})
    .then(response=>{
      ____________  //填写处理请求的语句
    })
    .catch(function (error) { // 请求失败处理
      console.log(error);
    });

例子如下：

axios.get('/page/homepage/showCategoryEvent',{
          params:{
            event_Category:timeItem
          }
        })
            .then(response=>{
              this.eventData = response.data.data
            })
            .catch(function (error) { // 请求失败处理
              console.log(error);
            });

post方法

与get方法格式类似，需将get修改为post即可。

1、不含参数的格式

例子如下：

axios
      .post('https://www.runoob.com/try/ajax/demo_axios_post.php')
      .then(response => (this.info = response))
      .catch(function (error) { // 请求失败处理
        console.log(error);
      });

2、含参数的格式

例子如下：

this.$axios.post('/page/homepage/searchEventByName',null, {
          params:{
            event_Name: this.keyword
          }
        })
        .then(response=>(
          this.searchResultList = response.data.data))
        .catch(function (error) { // 请求失败处理
          console.log(error);
        });