如何在rtk查询中配置企业中间件

Question

redux-toolkit给定原始文档 -

import { configureStore } from '@reduxjs/toolkit'
// Or from '@reduxjs/toolkit/query/react'
import { setupListeners } from '@reduxjs/toolkit/query'
import { pokemonApi } from './services/pokemon'

export const store = configureStore({
  reducer: {
    // Add the generated reducer as a specific top-level slice
    [pokemonApi.reducerPath]: pokemonApi.reducer,
  },
  // Adding the api middleware enables caching, invalidation, polling,
  // and other useful features of `rtk-query`.
  middleware: (getDefaultMiddleware) =>
    getDefaultMiddleware().concat(pokemonApi.middleware),
})

// optional, but required for refetchOnFocus/refetchOnReconnect behaviors
// see `setupListeners` docs - takes an optional callback as the 2nd arg for customization
setupListeners(store.dispatch)

我的代码

import { configureStore } from '@reduxjs/toolkit'
import newletterReducer from '../slicers/newletter/newsletterSlicer'
import { setupListeners } from '@reduxjs/toolkit/query'
import { getmoviesdetails } from '../slicers/service/getmoviedetails'
import { authService } from '../slicers/service/auth/authService'

export const store = configureStore({
    reducer: {
        newsletter: newletterReducer,
        [getmoviesdetails.reducerPath]: getmoviesdetails.reducer,
        [authService.reducerPath]: authService.reducer,
    },
    middleware:
        (getdefaultMiddleware) =>
            {return getdefaultMiddleware().concat(getmoviesdetails.middleware)
                ,getdefaultMiddleware().concat(authService.middleware)}
                     
            

})

setupListeners(store.dispatch)

他们给出了错误 buildInitiate.ts：248警告：中间件 rtk-Query API在Reducerpath“ GetMoviedEtails”中尚未添加到商店中。 诸如自动缓存收集，自动换炉等诸如无法使用之类的功能。

Answer 1

您可以这样做：

middleware:
        (getdefaultMiddleware) =>
            getdefaultMiddleware()
            .concat([
                     getmoviesdetails.middleware, 
                     authService.middleware
                   ])

基本上，您可以将所有中间件传递在数组中。

Answer 2

getdefaultMiddleware().concat(getmoviesdetails.middleware).concat(authService.middleware)

但是，除非这些API是完全独立的API，否则您实际上应该只有一个API。

引用文档：

通常，您的应用程序需要与之通信的每个基本URL只有一个API切片。例如，如果您的网站从 /api /post和 /api /用户中获取数据，则您将拥有单个API Slice，其中包含 /API /作为基本URL，并且为帖子和用户提供了单独的端点定义。这使您可以通过跨端点定义标签关系有效地利用自动重新提取。

出于可维护性，您可能希望将端点定义跨多个文件拆分，同时仍维护一个包含所有这些端点的单个API片。有关如何使用InjectEndPoints属性将API端点从其他文件注入单个API Slice定义。