Axios & Interceptors & Serialization & CORS & cookie

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
}