Redux-Toolkit 查询授权案例

Redux-Toolkit Query Authorization cases

有人使用 RTKQ 进行身份验证吗?成功注册并登录。但无法弄清楚如何保存被回击的令牌。在官方文档中尝试使用带有 prepareHeaders 的默认 useBaseQuery,它只是 returns 'can’t read properties of undefined' 来自 redux 存储的令牌。我认为我需要在提交时传递凭据,但找不到正确的方法。

我的切片和组件:GIST-LINK

文档示例显示将您的身份验证信息保存在 api 切片之外的单独切片上 - 使用手动代码将其放在那里并使用手动代码从那里取出。

从您的代码示例中可以看出,您只是在尝试读取 state.authApi.data.token,希望在您不执行任何操作的情况下该数据会以某种方式“存在”。 (永远不会 state.yourApi.data!)

Examples - authentication.

下的文档中有两个完整的示例应用程序,它们具有不同的身份验证方式。

请再去看看那些。

PS:另外请注意,通常您的 while 应用程序应该只有一个 createApi 调用,而不是 authApipostsApi,但只有一个 api。您仍然可以使用文档中的 Code Splitting 方法将它们拆分为多个文件。