时间戳

首页 > 解决方案 > 在本地运行我的 Nuxt 项目时，如何登录和访问我的 Django-Rest-Framework？

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

问题描述

我将 Django-Rest-Framework 用于我的 API。它位于 Internet 的远程服务器上。

在本地，我有一个 Nuxt-JS 应用程序正在运行，它应该使用 REST-API。

如何从本地计算机访问此 API？

1) 我想用 axios 从我的登录页面获取 CSRF 令牌。例如来自：/accounts/login/ 为此，我想进行“GET”调用并从 HTTP-HEADER 获取我的 CSRF 令牌。但是怎么做？

标签： vuejs2django-rest-frameworkaxiosnuxt.js

解决方案

您可以安装@nuxt/auth模块，之后您可以更新您的 nuxt.config.js 文件，如下所示：

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' }
         }
      }
   }
},

查看Nuxt 身份验证了解更多信息

推荐阅读