django vue 前后端分离csrf验证问题

原创

于 2018-11-02 11:29:33 发布 · 4.3k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了在Django和Vue前后端分离的架构中，如何处理CSRF验证的问题。主要内容包括Vue的axios配置和Django的views设置，帮助开发者解决在实际开发中遇到的跨域与验证难题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

django vue-cli3 前后端分离csrf验证

前言

之前写过单独的一篇相关django跨域配置部分配置，故这里忽略。

vue配置部分

文件axios.js

let config = {
   
   
    baseURL: 'http://localhost:8000/',
    xsrfCookieName: 'csrftoken',
    xsrfHeaderName: 'X-CSRFToken',
    withCredentials: true,
    //以上三个参数为我添加的csrf相关的必须参数
};

组件调用部分示例

let data = new FormData();
data.append('email',

最低0.47元/天解锁文章

200万优质内容无限畅学