axios封装

1、在src文件夹下新建utils文件夹
2、utils文件夹下创建request.js文件
3、下载axios

npm install axios --save

• 封装的代码如下

import axios from 'axios'

// Promise对aixos二次封装

const Request = (params) => {
    return new Promise((resolve, reject) => {
        axios({
            ...params
        }).then((res) => {
            resolve(res)
        }).catch((err) => {
            reject(err)
        })
    })
}

export default Request;

4、utils文件夹同级目录下新建api文件夹
5、api文件夹内新建api.js文件并导入 ( 下文 )

import Request from '../utils/request'; // 导入request.js文件

export const banner = (data) => Request.get("请求的路径地址", data);  // data存放数据； 也可以用?进行拼接 

6、在需要的页面中导入

import { banner } from "../api/api";  // 这里注意路径

7、请求接口

	// 请求接口数据
    async getData() {
      const res = await banner({ data参数 }).then(res => {
        console.log(res);
        // res 就是请求到的数据
      });
    },

// 在这里我们使用了 axync await