学习前端之axios的简单封装：

记录前端之axios请求的封装：

vue中安装 axios

nmp i axios

创建api文件与index.js，引入axios；

import axios from 'axios'

设置baseURL

let base = '********';

创建axios

const getRequestByKeyword =(url,data)=> axios({
    method:'get',
    url:`${base}${url}${data}`,
    data:data,
})
//url与data是调用getRequestByKeyword 时动态传入

暴露该实例

export default{
    getRequestByKeyword
    }

挂载至main.js，即vue原型上使得各组件可用

import Vue from 'vue'
import App from './App.vue'
import API from './api'
Vue.prototype.$API = API;

在任意组件通过this.$API.getRequestByKeyword实现调用

let result = await this.$API.getRequestByKeyword(
        "/search?keywords=",
        this.singerName
      );

getRequestByKeyword（‘需要请求的地址’,‘需要携带的参数’）;
自此，封装完毕。