首先通过节点后端传递所有http请求和React Routes以进行会话验证，然后返回路径

React在客户端处理所有路由，如果您想在Web应用程序外部访问/ contact，则必须具有以下内容：

app.get('*', (req, res) => {
  res.render('index');
});

如果要处理预定义的路线，也可以执行以下操作：

// Path can be anything you want check in this case any route
app.use('/', (req, res, next) => {
  const { token } = req.cookies;
  if (!token) {
    res.status(400).send({ data: 'error' });
  } else {
    // Verifying some token function
    verifyIdToken(token)
      .then((claims) => {
        // Perform some operations or assignments
        req.claims = claims;
        // Countinue
        next();
      })
      .catch((error) => {
        res.status(400).send({ data: 'error', message: error });
      });
  }
});

但是，如果您想验证客户端中的会话，我建议您调用“ / authenticate”路由，然后根据您的响应更新状态，例如：

我有一个Home组件，它仅对登录用户可见，因此我创建了一个高阶组件来包装它，如下所示：

hoc-admin.js

// Generic validation method
const isEmpty = prop => (
  prop === null ||
  prop === undefined ||
  (prop.hasOwnProperty('length') && prop.length === 0) ||
  (prop.constructor === Object && Object.keys(prop).length === 0)
);

// This receives the props I want to check and the component to render
const userHOC = (props, Comp) => (WrappedComponent) => {
  return class userHOC extends Component {
    render() {
      let valid = false;
      props.map((prop) => {
        valid = this.props && !isEmpty(this.props[prop])
        // You can also check redux state props
        // valid = this.props.common && !isEmpty(this.props.common[prop])
      });
      return valid
        ? (
          <WrappedComponent {...this.props} /> // My wrapped component (Home)
        )
        : (
          <Comp {...this.props} /> // My parameter component (Login)
        )
    }
  };
};

export default userHOC;

然后，我只需要包装每个需要一些道具才能显示的组件，在这种情况下，我们会在我的home组件中寻找用户，因此：

import HocUser from '../hoc/hoc-user';

class Home extends Component {
...
}

export default HocUser(['user'], Login)(Home);
``