在本地运行Nuxt项目时，如何登录和访问我的Django-Rest-Framework？

Question

I use Django-Rest-Framework for my API. It is on a remote server in the internet.

Locally I have a Nuxt-JS application running which should consume the REST-API.

How can I access this API from my local machine?

1) I would like to get the CSRF token from my login page with axios. For example from: /accounts/login/ For this I would like to make a "GET" call and geht from the HTTP-HEADER my CSRF tocken. But how?

Answer 1

You can install @nuxt/auth module after which you can update your nuxt.config.js file as follows:

auth: {
   redirect: {
      login: 'your-login-redirect-path',
      logout: 'your-logout-redirect-path',
      home: 'your-home-path'
   },
   strategies: {
      local: {
         endpoints: {
            login: { url: 'your-django-login-endpoint', method: 'post', propertyName: 'token' },
            logout: { url: 'your-django-logout-endpoint', method: 'post' },
            user: { url: 'your-django-userinfo-endpoint', method: 'get', propertyName: 'user' }
         }
      }
   }
},

Check out Nuxt Auth for more info