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)-------------