小编vuo*_*gvu的帖子

如何使用 React 处理维护过程

这是我的 app\xe2\x80\x99s 当前处理维护过程的方式:

\n

我有一个用于应用程序状态的环境变量:

\n
REACT_APP_SITE_MODE=\xe2\x80\x9cLIVE\xe2\x80\x9d | \xe2\x80\x9cMAINTENANCE\xe2\x80\x9d\n
Run Code Online (Sandbox Code Playgroud)\n

我在用着react-router路由应用程序:

\n
switch (process.env.REACT_APP_SITE_MODE) {\n  case "MAINTENANCE":\n    return (\n      <Switch>\n        <Route component={MaintenancePage} />\n      </Switch>\n    );\n  default:\n    return (\n      <Switch>\n        {/* Default routes */}\n      </Switch>\n    );\n}\n
Run Code Online (Sandbox Code Playgroud)\n

这工作正常,但是当我们将其切换到维护模式时,一些用户仍然可以使用默认路由访问应用程序(当后端关闭时这不好),我认为它\xe2\x80\x99s是因为浏览器缓存什么的。

\n

我的问题是:

\n
    \n
  1. 维护期间如何阻止用户访问应用?(强制他们在特定时间清除缓存?)
  2. \n
  3. 有没有更好的方法来处理维护过程?
  4. \n
\n

谢谢。

\n

maintenance-plan maintenance-mode reactjs react-router

6
推荐指数
1
解决办法
2591
查看次数