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

Django前后端分离实战：axios请求接口教程

最新推荐文章于 2024-09-26 17:55:29 发布

小赖同学啊

最新推荐文章于 2024-09-26 17:55:29 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： python 文章标签： django python vue.js 后端

本文链接：https://blog.youkuaiyun.com/testManger/article/details/123706833

python 专栏收录该内容

193 篇文章 ¥99.90 ¥299.90

订阅专栏

超级会员免费看

本文介绍了Python Django项目中实现前后台分离，利用axios进行接口请求和数据渲染的方法。通过统一管理API的index.js文件和路由设置，简化仓库管理操作。

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'))
}));

//对外暴露