将身份验证令牌从 Django 传递到 React/Redux 前端

Question

My situation is kind of unique. The website I'm working on originally used Django for both frontend and backend. Now, the Django website is also being used as a backend for a React/Redux frontend, and also uses the default Django token authentication for API calls. This is all fine so far. The problem is, I'm trying to make sure the React/Redux application doesn't load unless the user is logged in on the Django website first. Basically you would have to login to the Django website first, in order to access the React/Redux application, otherwise you would be redirected back to the login screen of the Django application.

I'm wondering if there is a way to send the current user's Django authentication token through the request, to be received and stored by the React/Redux app in order to make API calls back to the Django application?

I've searched up online and all I can find is tutorials using a login page in the React/Redux app which is not what I want. Any help would be appreciated. Thank you!

Answer 1

In the simplest scenario, I guess you host both apps under the same domain, you could just create an endpoint that requires regular Django authentication and generate a token. In case of unauthenticated call to that endpoint, you would redirect to the Django login page.

Please provide more details about your setup, then I could propose something more specific.