Integrate Axios with Django Rest Framework

Sat 12 June 2021

snippets
django, axios, rest, csrf

Do you need to integrate the Axios HTTP client with Django Rest Framework? Then make sure to correctly configure the Django built-in Cross Site Request Forgery protection.

TLDR: add these variables to your Django settings:

CSRF_COOKIE_NAME = 'XSRF-TOKEN'
CSRF_HEADER_NAME = 'HTTP_X_XSRF_TOKEN'

Axios has built-in support for CSRF protection, and this is the default configuration:

// name of the cookie to use as a value for xsrf token
xsrfCookieName: 'XSRF-TOKEN'

// name of the http header that carries the xsrf token value
xsrfHeaderName: 'X-XSRF-TOKEN'

According to Django documentation:

"As with other HTTP headers in request.META, the header name received from the server is normalized by converting all characters to uppercase, replacing any hyphens with underscores, and adding an 'HTTP_' prefix to the name. For example, if your client sends a 'X-XSRF-TOKEN' header, the setting should be 'HTTP_X_XSRF_TOKEN'."

PUT and DELETE HTTP requests with Django and jQuery

Discover how you can support PUT and DELETE HTTP requests in your Django project using jQuery. Add a REST touch to your project!

Django Rest Framework authentication: the easy way

Django Rest Framework authentication in your web application should be easy and secure. Forget JWT and use the good-old Django sessions in this step-by-step tutorial.

How to add a group choice combo box in a Django user profile form

Assume that you have a Django project where each user belongs to just one group, say Registered or Admin, but not both. You want to show a form in your front-end to let Admin users edit the user profiles, where each user profile is made with First name, Last name …

A Django custom command to write model fields on an Excel file

Suppose you need to write down your model fields on an Excel file, for example to complement the documentation of your code. Django has built in functions to introspect models and fields of an app, and you can leverage this API to have the information you need. You can use …

Augusto Destrero, PhD

Freelance developer and sysadmin

Integrate Axios with Django Rest Framework

Share:

You may also like:

PUT and DELETE HTTP requests with Django and jQuery

Django Rest Framework authentication: the easy way

How to add a group choice combo box in a Django user profile form

A Django custom command to write model fields on an Excel file

Augusto Destrero, PhD