Axios Interceptors & Serialization & CORS & cookie All In One

Axios Interceptors & Serialization & CORS & cookie All In One

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 / 序列化

JSON & application/x-www-form-urlencoded

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

URLSearchParams

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

import * as axios from 'axios';

axios.defaults.withCredentials = true;

https://stackoverflow.com/questions/40941118/axios-wont-send-cookie-ajax-xhrfields-does-just-fine

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

demos

refs

https://www.cnblogs.com/xgqfrms/p/9993892.html

https://www.cnblogs.com/xgqfrms/p/16133286.html

---

---

©xgqfrms 2012-2021

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---