axios基本用法

一、全局默认配置 Global axios defaults

默认路径
axios.defaults.baseURL = 'https://api.example.com';

默认token
axios.defaults.headers.common.Authorization. = AUTH_TOKEN;

默认文件格式
axios.defaults.headers.post.Content-Type = 'application/x-www-form-urlencoded';

二、单个axios实例配置(一个项目可以配置多个axios)

创建axios时自定义配置
const instance = axios.create({
baseURL: 'https://api.example.com'
});

创建axios后修改配置
instance.defaults.headers.common.Authorization = AUTH_TOKEN;

三、拦截器

添加请求拦截器
axios.interceptors.request.use(function (config) {
// 请求之前做什么
return config;
}, function (error) {
// 请求错误做什么
return Promise.reject(error);
});

添加响应拦截器
axios.interceptors.response.use(function (response) {
// 任何2XX响应都会触发
// 响应之前做什么
return response;
}, function (error) {
// 不是2XX响应就会触发
// 响应错误做什么
return Promise.reject(error);
});

可以添加拦截器到axios实例中
const instance = axios.create();
instance.interceptors.request.use(function () {/*...*/});

posted @ 2020-12-04 10:52  ImbaCOOL  阅读(219)  评论(0)    收藏  举报