0

几天来,我一直试图让这个相当简单的身份验证设置工作。

我正在使用 Django REST 插件“django-rest-framework-jwt”进行 JSON Web 令牌身份验证。

卷曲 API 时,它按预期工作。

在此处输入图像描述

但是,当通过我的 Angular 应用程序发出请求时;我经常收到未经授权的错误,其中包含“未提供授权详细信息”的详细信息。但是,在抓取请求时,可以清楚地看到它存在(请求中的令牌是有效的,因为我在 CURL 中使用了它:

在此处输入图像描述

我正在通过我编写的拦截器注入身份验证标头;看起来像这样:

 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const auth = this.session.authorization;

    if (!auth) {
      return next.handle(req);
    } else {
      const newReq = req.clone({
        setHeaders: {
          Authorization: auth,
        },
      });

      return next.handle(newReq);
    }
  }

此外,JWT_AUTH 设置的设置定义如下:

JWT_AUTH = {
    'JWT_ENCODE_HANDLER':
    'rest_framework_jwt.utils.jwt_encode_handler',

    'JWT_DECODE_HANDLER':
    'rest_framework_jwt.utils.jwt_decode_handler',

    'JWT_PAYLOAD_HANDLER':
    'rest_framework_jwt.utils.jwt_payload_handler',

    'JWT_PAYLOAD_GET_USER_ID_HANDLER':
    'rest_framework_jwt.utils.jwt_get_user_id_from_payload_handler',

    'JWT_RESPONSE_PAYLOAD_HANDLER':
    'auth.views.jwt_response_payload_handler',

    'JWT_SECRET_KEY': SECRET_KEY,
    'JWT_GET_USER_SECRET_KEY': None,
    'JWT_PUBLIC_KEY': None,
    'JWT_PRIVATE_KEY': None,
    'JWT_ALGORITHM': 'HS256',
    'JWT_VERIFY': True,
    'JWT_VERIFY_EXPIRATION': True,
    'JWT_LEEWAY': 0,
    'JWT_EXPIRATION_DELTA': datetime.timedelta(seconds=300),
    'JWT_AUDIENCE': None,
    'JWT_ISSUER': None,

    'JWT_ALLOW_REFRESH': True,
    'JWT_REFRESH_EXPIRATION_DELTA': datetime.timedelta(seconds=3600),

    'JWT_AUTH_HEADER_PREFIX': 'Bearer',
    'JWT_AUTH_COOKIE': None,
}

框架设置如下:

REST_FRAMEWORK = {
    'DEFAULT_PAGINATION_CLASS': 'rest_framework.pagination.PageNumberPagination',
    'PAGE_SIZE': 10,
    'DEFAULT_PERMISSION_CLASSES': (
        'rest_framework.permissions.IsAuthenticated',
    ),
    'DEFAULT_AUTHENTICATION_CLASSES': (
        'rest_framework_jwt.authentication.JSONWebTokenAuthentication',
        'rest_framework.authentication.SessionAuthentication',
        'rest_framework.authentication.BasicAuthentication',
    ),
}

对此有何建议?我不确定这里发生了什么。

编辑

网络选项卡中的请求/响应标头:

在此处输入图像描述

4

1 回答 1

0

所以,结束它与 Angular 应用程序无关,但服务器不接受 CORS。通过以下帖子中的说明修复它:

https://www.techiediaries.com/django-cors/

于 2018-10-07T12:00:58.857 回答