如何封装axios

ohm_coder

已于 2022-04-27 10:02:02 修改

阅读量284

点赞数 1

文章标签：前端

于 2022-04-27 09:47:16 首次发布

本文链接：https://blog.csdn.net/m13423/article/details/124443414

版权

1. 安装axios

 yarn add axios

2. 在src目录下新建一个request文件,再在request目录下新建 api.js 和 request.js文件

3.在request.js文件中引入axios

import axios from 'axios'

4.创建axios实例, 并设置请求拦截,最后导出

import axios from 'axios'
const instance = axios.create({
    baseURL: '接口路径'  //这里的接口路径是相当于主接口+api.js里面get请求或者post请求后面跟的路径构成完整的路径,  接口路径+/admin/info
    // timeout: 
});

// 请求前拦截
instance.interceptors.request.use((config) => {
    return config;
}, err =>{
    return Promise.reject(err);
});

// 响应拦截
instance.interceptors.response.use((result) => {
    return result.data;
}, err =>{
    return Promise.reject(err);
});

export default instance;

5. 在 api.js 文件引入request.js文件

import request from './request'

//get请求书写方式
export const getAdminInfo = () => request.get('/admin/info');

//post请求书写方式  post请求还有第三个参数config,具体可看源码
export const loginApi = (data) => request.post('/admin/login', data)