Axios & Interceptors & Serialization & CORS & cookie-优快云博客

本文详细介绍了Axios库的全局默认配置设置方法，包括基础URL、请求头及序列化参数。同时深入探讨了请求和响应拦截器的使用，展示了如何通过拦截器进行请求前和响应后的数据处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Axios

https://github.com/axios/axios#config-defaults

Global axios defaults


axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

Interceptors

拦截器

https://github.com/axios/axios#interceptors


// Add a request interceptor
axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
}, function (error) {
    // Do something with request error
    return Promise.reject(error);
});

// Add a response interceptor
axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
}, function (error) {
    // Do something with response error
    return Promise.reject(error);
});

Serialization

序列化

`application/x-www-form-urlencoded`

JSON & application/x-www-form-urlencoded

https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format


const params = new URLSearchParams();

params.append('param1', 'value1');
params.append('param2', 'value2');

axios.post('/foo', params);

https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams#Example
https://www.caniuse.com/#feat=urlsearchparams

https://github.com/WebReflection/url-search-params
https://github.com/ljharb/qs

Axios & cookies & CORS

CORS

https://github.com/axios/axios#request-config


{
    // `withCredentials` indicates whether or not cross-site Access-Control requests  should be made using credentials
    withCredentials: false, // default
}

转载于:https://www.cnblogs.com/xgqfrms/p/9956725.html