如何禁用 redux devtool 在生产后隐藏浏览器中的状态?

Dee*_*nia 1 google-chrome-devtools reactjs react-redux

我构建并部署了一个 MERN Web 应用程序。

如何禁用 redux devtools 以停止向用户显示状态?否则任何拥有 devtools chrome 扩展的人都可以查看状态中的所有数据。我不想将其从开发模式中删除,有什么方法可以隐藏所有状态以用于生产?

源代码:https://github.com/deepak-punia/complaint-management-software 部署的应用程序:https://complaint-management-software.herokuapp.com/ 还原状态

wic*_*k3d 5

您可以使用布尔值createStore并使用process.env.NODE_ENV来获取当前环境以有条件地切换它。

像这样的东西

const store = configureStore({
  reducer: {
    auth: authReduce,
    users: usersReduce,
  },
  devTools: process.env.NODE_ENV !== 'production',
});

export default store;
Run Code Online (Sandbox Code Playgroud)