Reactjs Passport身份验证通过邮递员而不是Web应用程序进行

Reactjs Passport身份验证通过邮递员而不是Web应用程序进行,reactjs,express,cookies,passport.js,axios,Reactjs,Express,Cookies,Passport.js,Axios,在后端使用Express和Passport JS,我们目前可以登录到应用程序,并使用postman访问所有API请求 但是,当我们尝试在React JS Web应用程序上发出需要身份验证的API请求时,会出现401未经授权的错误 我们已经运行了来自postman请求和web app请求的日志,并且都在头中传递connect.sid cookie 我的问题是,如何让应用程序通过身份验证,并能够像postman那样发出API请求。我使用与使用web应用程序相同的方式登录到postman,但它不验证a

在后端使用Express和Passport JS,我们目前可以登录到应用程序,并使用postman访问所有API请求

但是,当我们尝试在React JS Web应用程序上发出需要身份验证的API请求时,会出现401未经授权的错误

我们已经运行了来自postman请求和web app请求的日志,并且都在头中传递connect.sid cookie

我的问题是,如何让应用程序通过身份验证,并能够像postman那样发出API请求。我使用与使用web应用程序相同的方式登录到postman,但它不验证api请求

我尝试过的事情:

手动设置标头以允许跨源请求 设置授权承载令牌 在后端指定前端的来源,这只允许从前端web服务器进行api调用
该应用程序是一个ReactJS应用程序,我正在使用Axios进行API调用。我通过在登录时传递凭据解决了这个问题,这会将用户发送到passport.js并对用户进行身份验证


每次进行API调用时,您都需要使用凭据进行调用,尽管

您可以添加代码片段或将其放在codesandbox.io上吗?@varit05当前API请求是这样进行的:Axios.getBASE_URL+API_调用,{headers:{'Content-Type':'application/json','accept':'/','Content-Type':'application/x-www-form-urlencoded'},带凭据:true,}.thenresponse=>{console.logresponse.request;}.catcherror=>{console.logerror.response;}有了这些信息,我想我帮不了你。URL设置可能会有问题。奇怪的是,它通过邮递员工作,使用完全相同的URL设置。我想这可能是CORS问题,但是每当我尝试绕过CORS时,似乎什么都不起作用。看看它是否有帮助。