axios 创建实例添加请求拦截器

最新推荐文章于 2024-08-04 21:45:12 发布

.Pisces.

最新推荐文章于 2024-08-04 21:45:12 发布

阅读量598

点赞数 1

分类专栏： AJAX 文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_45916727/article/details/120900361

版权

axios 请求拦截器全局配置 HTTP请求 JavaScript

关键词由CSDN通过智能技术生成

AJAX 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

创建实例可以统一设置服务器

 let aa = axios.create({
        baseURL: 'http://localhost',
        timeout: 1000,
        headers: {'X-Custom-Header': 'foobar'}
    });

请求拦截器

//添加请求拦截器
    aa.interceptors.request.use(function (config) {
        //在发送请求之前做些什么
        let token = 'xxxxxxxxxxxx';
        if (['post', 'put', 'patch'].includes(config.method)) {
            config.data = {...config.data, token}
        } else if (['get', 'delete', 'request'].includes(config.method)) {
            config.params = {...config.params, token}
        }
        return config;
    }, function (error) {
        //对请求错误做些什么
        return Promise.reject(error)
    });