python django前后台分离项目 请求工具axios(复制 粘贴即可使用)_django export const axios

python django前后台分离项目中固定写法:

利用axios对接口数据进行请求并渲染

-------------------request.js--------------------
import axios from "axios";
//利用sxios对象方法create 创建一个axsion实例
//引入进度条
import nprogress from 'nprogress';
import "nprogress/nprogress.css";
const  requests=axios.create({
     headers: {
    'Content-Type': 'application/json'
  },
    baseURL:"/api",
    withCredentials: false,
    timeout:5000,
});
//请求拦截器
requests.interceptors.request.use((config)=>{
    nprogress.start();
    config.headers['Authorization'] = `token` // 让每个请求携带自定义 token 请根据实际情况自行修改
    return config;
});
//响应拦截器
requests.interceptors.response.use((res)=> {
    nprogress.done();
    console.log('相应拦截器正常处理')
    return res.data;
},(error => {
    return Promise.reject(new Error('faile'))
}));

//对外暴露
export  default  requests;

--------------------------------统一管理API(index.js)-------------