分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了Graphene-Django 不向 React-Apollo 发送 HTTPOnly JWT Cookie，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Graphene-Django 不向 React-Apollo 发送 httpOnly JWT Cookie？

开发过程中遇到Graphene-Django 不向 React-Apollo 发送 httpOnly JWT Cookie的问题如何解决？下面主要结合日常开发的经验，给出你关于Graphene-Django 不向 React-Apollo 发送 httpOnly JWT Cookie的解决方法建议，希望对你解决Graphene-Django 不向 React-Apollo 发送 httpOnly JWT Cookie有所启发或帮助；

嗨，我一直在为 Django 服务器使用 Graphene 和 GraphQL 制作应用程序，React 客户端将使用 Apollo 访问该服务器.我正在使用 graphql_jwt 进行身份验证。

我已经设置了我的 GraphQL 服务器和客户端代码来读取 JWT，但我了解到 localstorage 不够安全，cookie 也不够安全。我设法在发出 tokenAuth 请求时找到了一种设置 httpOnly cookie 的方法，并且 cookie 仍然存在并且在 GraphiQL (localhost:8000) 中正常工作。

Graphene-Django 不向 React-Apollo 发送 HTTPOnly JWT Cookie

我使用 jwt_cookie 的 graphql_jwt.decorators 装饰器成功做到了这一点

from django.contrib import admin
from django.urls import path
from graphene_django.vIEws import GraphQLVIEw
from django.vIEws.decorators.csrf import csrf_exempt
from graphql_jwt.decorators import jwt_cookie

urlpatterns = [
    path('admin/',admin.site.urls),path('graphql/',jwt_cookie(csrf_exempt(GraphQLVIEw.as_vIEw(graphiql=TruE))))
]

不幸的是，当我从 Apollo (localhost:3000) 调用 tokenAuth 端点时，它既没有设置 cookie，也不能从我的后件中访问它（现在我想到它是有道理的）。 same-origin 或 include 凭据均不适用于服务器 httplink 或 ApolloClIEnt 本身。

import { 
  ApolloClIEnt,gql,ApolloProvIDer,httplink,from,usequery,Apollolink
} from '@apollo/clIEnt';
import { onError } from '@apollo/clIEnt/link/error';
import { setContext } from 'apollo-link-context';

const errorlink = onError(({ graphQLErrors,networkError }) => {
  if (graphQLErrors) {
    graphQLErrors.forEach(({ message }) => {
      console.log(messagE);
    });
  }
  if (networkError) {
    console.log(networkError.messagE)
  }
});
const afterwarelink = new Apollolink((operation,forWARD) => {
  return forWARD(operation).map(response => {
    const context = operation.getContext();
    const { response: { headers } } = context;
    console.log(headers);
    return response;
  });
});


const link = from([
  errorlink,setContext((operation) => {
    console.log("HITTinG SET COntexT");
    // const token = localstorage.getItem('authToken');
    const token = cookies.get('authToken');
    console.log(token);
    return {
      headers: {
        Authorization: token ? `JWT ${token}` : ''
      }
    }
  }),afterwarelink,new httplink({ uri: 'http://localhost:8000/graphql/' })
]);

const clIEnt = new ApolloClIEnt({
  link,cache,typeDefs,credentials: 'include'
});