React JS:从JWT Django接收带有axios的cookie时出现问题
React JS是一个用于构建用户界面的JavaScript库。它通过组件化的开发模式，使得构建用户界面变得更加简单和高效。
JWT（JSON Web Token）是一种用于进行身份验证和授权的开放标准。它由三部分组成，包括头部、载荷和签名，并以字符串的形式进行传输。在前后端分离的架构中，JWT常被用来实现用户认证。
Django是一个基于Python的Web开发框架，它提供了一套强大的工具和API，用于快速开发高质量的Web应用程序。Django可以与React JS配合使用，构建出功能丰富且高性能的Web应用。
axios是一个基于Promise的HTTP客户端，用于进行网络请求。它支持浏览器和Node.js平台，可以用于在React JS中发送和接收HTTP请求。
在接收带有axios的cookie时，可能会遇到一些问题。这些问题可能包括跨域请求导致的无法接收到cookie，或者跨域请求不允许携带cookie等。解决这些问题可以通过在后端设置Access-Control-Allow-Origin头部，允许跨域请求，并设置withCredentials为true，允许携带cookie。
腾讯云提供了一系列与云计算相关的产品和服务，可以帮助开发者构建高性能、可靠、安全的应用程序。例如，腾讯云的云服务器CVM可以用于部署和运行React JS和Django应用程序，云数据库MySQL可以用于存储应用程序的数据，云函数SCF可以用于处理后端逻辑等。
希望以上回答能够帮助到你。如果还有其他问题，请随时提问。
相关·内容
首先，我使用Django创建了一个POST APIView函数，并在其中添加了JWT令牌。此接口基本上是为登录目的而制作的。我可以转移它的所有细节，并收到一个饼干作为回报。payload, 'secret', algorithm='HS256').decode('utf-8')
response.set_cookie(key='jwt'
浏览 15提问于2021-04-22得票数 0
我使用react js作为前端，spring引导用于后端进程。我需要将cookie从前端发送到后端，并尝试使用axios实现以下方法：async function submitPageData() { const jwttoken= { jwt: to12, } const response
浏览 2提问于2019-12-27得票数 0
我正在使用Next.js和Strapi进行身份验证。客户端向Next.js服务器发送带有凭据的post请求。然后，服务器向Strapi API发送post请求，传递凭据，以登录用户。服务器获取JWT令牌并将其设置为HTTPonly cookie。// -- &#x
浏览 8提问于2022-04-24得票数 0
1回答
为什么曲奇没有与快车？
、、、、
我在服务器端使用带有express的节点js，对于客户端使用节点js。我的应用程序工作了一段时间，没有出现问题，但突然之间，在签名的cookie中保存令牌出现了问题。下面是我用express设置cookie的方式： httpOnly: false,
sameSite: &q
浏览 4提问于2020-08-16得票数 0
回答已采纳
我在Heroku上部署了一个Node/Express服务器，用于发送httpOnly cookie来存储JWT。我一直在使用Axios来设置cookie，同时在端口3000上托管我的React应用程序，在端口5000上托管Express服务器。Axios Config在React应用程序中的应用 withCredentials: true,
浏览 5提问于2020-12-30得票数 0
在我的cenario中，我使用Reactive前端()中的一个表单将其发布到url 中。“详细信息”："CSRF失败: CSRF令牌丢失或不正确。“from rest_framework.views import APIView
溶液import cooki
浏览 2提问于2018-09-26得票数 4
回答已采纳
1回答
通过使用Next.js和Django Rest Framework，我使用JWT对用户进行身份验证。首先，当用户成功登录页面时，会向浏览器发送一个cookie (其中包含JWT令牌)。当用户尝试访问特定页面时，此cookie用于验证请愿书。我在浏览器中存储cookie时遇到问题。response = Response()
response.set_cookie(key='jwt</
浏览 0提问于2021-04-03得票数 3
2回答
我创建了一个简单的登录系统，在某些用户登录到后端后，我将配置文件cookie设置为jwt令牌值 res.cookie('profile',jwt_token,{secure : false, }); 在React前端，我向Node后端发送了一个get请求，我希望在那里获得jwt:true}); 这是我用来获取cookie<em
浏览 17提问于2021-08-07得票数 0
回答已采纳
1回答
我有一个带有JWT身份验证的Django rest API，用于注册和使用react构建登录。当我尝试登录一个用户时，我得到一个403禁止的错误。我将csrf令牌添加到请求的头部，在使用控制台时我可以在promise中看到它，所以这不是问题所在。我就是不明白这篇文章在哪里 import axios from "axios";
import Cookies from "<
浏览 15提问于2020-04-23得票数 1
回答已采纳
我试图理解我的网络应用程序的认证系统，但我要发疯了。现在我真的不知道我在做什么，axios
浏览 3提问于2020-08-15得票数 4
我正试图为我的Node.js REST创建一种安全的身份验证方法，它既适用于直接API请求，也适用于我的React.js web应用程序。该方法将使用JWT、本地存储(React )和cookie (Node )的组合。
API有一个端点/authentication。调用时，它将生成一个CSRF令牌，并将其包含在JWT的有效负载中。当从我的</
浏览 0提问于2019-07-09得票数 3
我已在Azure Active directory中为django应用程序注册了一个应用程序。在将ADFS配置到Django应用程序之后，SSO可以正常工作。现在我已经集成了这个Django应用程序和一个React应用程序。现在我要实现同样的单点登录。我需要一些指导和方向如何推进这一点。请给我一个解决这个问题的想法。
浏览 43提问于2021-11-09得票数 0
1回答
正确实现JWT
、、
我正在用django rest框架开发网站，为后端开发django rest框架jwt，为前端开发next.js、react、redux。因为我使用的是Next.js，我希望在初始呈现之前获得访问令牌。
当用户登录时，后端将访问令牌作为cookie发送。'JWT_REFRESH_EXPIRATION_DELTA': datetime.tim
浏览 0提问于2019-02-17得票数 0
我能够让他们交谈，但是当试图将从Flask生成的令牌存储到浏览器的cookies中时，响应头在执行console.log(response)时不包含任何cookie，在axios成功发布之后，2) cookies但是，当检查网络> Login.js头时，我实际上可以看到Set-Cookie键作为响应头存在。甚至我都可以从Network > Login.js报头中看到令牌。1)用户
浏览 0提问于2020-05-10得票数 1
回答已采纳
1回答
我在heroku上托管了一个JWT auth API。当从我的前端React应用程序中使用axios访问API时，我注意到受保护的路由永远不会被获取，因为它们依赖于从未设置过的res.cookies。在postman上测试API时，它设置了cookie，一切工作正常。你能帮我找出哪里出了问题吗?我该如何克服这个问题？应该设置的示例cookie (与邮递员配合使用很好)
这个<
浏览 1提问于2021-05-01得票数 0
1回答
我正在尝试使用nodejs和React来实现jwt身份验证，它们使用了.Here，但我想在类中实现它，如果没有redux.But，我不知道如何使用axios在前端接收cookie我当前的代码是userRouter.post('/login',passport.authenticate('local',{session : false}),(req,res)=>{
if(req.isAuth
浏览 0提问于2020-05-01得票数 1
我使用django rest_framework_simplejwt包生成JWT令牌，并在带有Httponly标志的可浏览cookie中设置它们。在Django一边，它工作得很好，但在反应侧，它并不完美地工作。我读过很多关于这个问题的答案，比如和，但是他们还没有解决我的问题。请帮我弄明白我哪里错了。DJANGO侧from rest_framework_simplejwt.views import TokenObta
浏览 5提问于2020-12-17得票数 2
回答已采纳
3回答
但是，当我从vuejs (使用axios)发送请求时，cookie似乎不起作用。我以successfully logged in的身份获得响应，当我使用postman获得url/index时，我在response.data中得到了"user is logged in"，但是当我使用浏览器(chrome)从vuejs服务器登录时，仍然在response.data.msg中获得"successfully logged
浏览 7提问于2021-02-16得票数 1
4回答
我目前正在尝试设置一个Node/Express应用程序与一个React客户端进行交互。我设置了护照来处理与JWT的身份验证。当用户登录时，我将验证电子邮件/密码。然后设置cookie：我在响应头中看到令牌被传回，但是当我检查我的Chrome浏览器在Developer Tools > A
浏览 0提问于2018-12-14得票数 11
我的组件(在Node.js中运行)调用axios： import axios from 'axios'import React,getCookieByName('JWT', appContext.ctx.req.headers.cookie) : getCookieByName('JWT</em
浏览 30提问于2020-01-20得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
