axios 的应用

首先，我们需要安装axios插件

npm i axios -D

import axios from 'axios';
//在这里我们封装了一个方法  返回的是一个promise对象
const http = ({url,params,data,method}) =>{
      return new Promise((resolve, reject)=>{
        axios({
            url,
            params,
            data,
            method
          }).then( res => resolve (res))
            .catch( error => console.log(error))
      })
}

export default  http

在另一个页面的应用

import http from "utils/http";
export default {
  data() {
    return {
      tabPosition: "left",
      categorydata: []
    };
  },
  async created() {
   //created 的钩子，是整个生命周期中，最先能够获取数据的地方，我们在这里进行数据请求
    const result = await http({
      url: "/index.php",
      params: {
        r: "class/category",
        type: 1
      }
    });
    // console.log(result);
    this.data1= result.data.data.data;
    //这里的data1指的是一个数据
  }
};