How do I implement JWT authentication in a Django API with a frontend?

How do I implement JWT authentication in a Django API with a frontend?

To implement JWT authentication in a Django API, you can use the Django REST framework along with the djangorestframework-simplejwt package. First, install the package using pip.

What are the steps to set it up?

1. Install the package: pip install djangorestframework-simplejwt. 2. Add it to your Django settings under INSTALLED_APPS. 3. Configure the authentication classes in your settings. 4. Create views for obtaining and refreshing tokens.

How do I connect this with a React frontend?

In your React frontend, you can use Axios to make API calls. After logging in, store the JWT in local storage and include it in the Authorization header for subsequent requests.

Can you show me an example of the API call?

Sure! Here's an example using Axios:

axios.post('/api/token/', { username, password })
  .then(response => {
    localStorage.setItem('token', response.data.access);
  });