我正在为我的应用程序制作一个身份验证高阶组件,该组件GET向我的 API 发出请求,然后在响应不是时重定向用户HTTP 200。API 使用 cookie 来验证用户身份,并且 HOC 在客户端上完美运行。但是,当我在服务器上发出 API 请求时,HTTP 401每次都会收到响应。
我在 API 上记录了服务器和客户端响应的响应,并注意到服务器请求仅具有几个请求标头,而客户端请求具有更多请求标头,包括 cookie 标头和 XSRF 令牌标头。服务器上的请求发送如此少的标头可能是什么原因?
这是我的 HOC 代码:
import React from 'react'
import redirect from '../utils/redirect'
const withAuth = <T extends Object>(C: React.ComponentType<T>) => {
class AuthComponent extends React.Component<T> {
static getInitialProps = async (context) => {
const { isServer, req, store } = context
const cookie: string = isServer && req ? req.headers.cookie : null
const config = …Run Code Online (Sandbox Code Playgroud)