简介
redux-server-log 是一个 npm 包，它允许您在服务端记录 Redux store 发生的所有 action。您可以通过此 npm 包来查看您的应用程序在服务端的运行情况，以便更好地理解应用程序的工作原理。
此外，redux-server-log 还提供了一个可视化界面，您可以在浏览器中查看应用程序发生的所有 action。这非常有用，因为您可以立即了解您的应用程序的状态，从而更快地解决问题和调试错误。
安装
您可以使用以下命令来安装 redux-server-log：
npm install redux-server-log
使用
配置
以下是如何配置 redux-server-log：
-- -------------------- ---- ------- ------ - ---------------- ----------- - ---- -------- ------ - ------------ - ---- --------------- ------ - ------------------ - ---- ------------------- ------ ----------- ---- ------------- ----- ------ - --------------- ----- ------------ - --------------------- ----- ----- - ------------------------ ----------------------- ---------------
使用可视化界面
运行以下命令来启动 redux-server-log 的可视化界面：
npx redux-server-log
该命令将打开 redux-server-log 的可视化界面。您可以从浏览器中访问该界面。它默认在 http://localhost:8000 上运行，但您可以通过在命令后添加 --port 标志来更改端口号。
npx redux-server-log --port=8080
该命令将在 http://localhost:8080 上运行 redux-server-log 可视化界面。
记录 action
以下是如何使用 redux-server-log 来记录 action：
import { createAction } from 'redux-actions';
export const increment = createAction('INCREMENT');
store.dispatch(increment({ count: 1 }));此时，您应该能够在服务端看到该 action 和它的 payload。您还可以在浏览器中查看这些信息。
结论
redux-server-log 是一个非常有用的 npm 包。它可以帮助您更好地了解您的应用程序的状态，并快速地解决问题和调试错误。如果您正在构建一个使用 Redux 的服务端渲染应用程序，那么使用 redux-server-log 将是一个非常好的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056d1881e8991b448e6e6b