axios企业级三层封装

本文介绍了如何对企业级项目中axios进行三层封装:工具层用于增强axios,设置公共配置;接口函数层封装所有接口,便于集中管理;应用层在具体页面中调用封装后的接口,简化使用。
摘要由CSDN通过智能技术生成


以用户登陆为例(参数为account、password,响应成功码code为0)

第一层:工具层

对axios工具进行增强,如:设置公共的请求服务器、请求拦截器、响应拦截器…
示例文件地址 src/utils/axios.js

  1. 设置公共的请求服务器地址
//安装axios后引入
import axios from 'axios';
//‘’中是通用服务器地址
axios.defaults.baseURL = '';
  1. 设置请求拦截器
axios.interceptors.request.use(function (config) {
   
    // 发送请求之前触发,携带token
    config.headers.Authorization = 'Bearer ' + localStorage.getItem(key);
    return config;
}, function (error) {
   
    // 请求错误触发
    return Promise
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值