RTK Query：从Store动态设置并监听baseUrl变更

我的应用中Redux Store结构如下：

const initialState: GlobalState = {
  data: {
    isOnboardingCompleted: 'unknown',
    isEnvironmentReady: false,
    environmentConfig: ProdEnvConfig,
    // ...
  },
}

其中environmentConfig字段存储包含baseUrl的配置对象，且该配置可在应用运行时由用户切换变更。

我基于RTK Query创建的API代码如下：

export const BaseApi = createApi({
  reducerPath: 'base-api',
  baseQuery: fetchBaseQuery({
    baseUrl: '',
  }),
  endpoints: builder => ({
    getStudents: builder.query({
      query: param => {
        return "/students"
      },
    }),
  }),
});

我需要实现：设置baseUrl，同时监听environmentConfig的变更，自动从Store中更新baseUrl。尝试了以下代码但无法正常工作：

const listen = () => {
  const config = store.getState().global.data.environmentConfig

  BaseApi.setBaseUrl(config.baseUrl)
}

store.subscribe(listen)

求可行的实现方案。

方法一：动态从Store获取baseUrl（推荐） #

RTK Query的fetchBaseQuery支持通过函数动态生成baseUrl，该函数可以通过api.getState()获取当前Redux状态，无需手动订阅Store变更，每次请求都会自动取最新的配置：

// 替换RootState为你的根State类型
import type { RootState } from '../path-to-your-store';

export const BaseApi = createApi({
  reducerPath: 'base-api',
  baseQuery: fetchBaseQuery({
    baseUrl: (_, api) => {
      const state = api.getState() as RootState;
      return state.global.data.environmentConfig.baseUrl;
    },
  }),
  endpoints: builder => ({
    getStudents: builder.query({
      query: () => "/students",
    }),
  }),
});

这种方式完全适配运行时切换环境的场景，无需额外维护订阅逻辑，是RTK Query官方推荐的动态baseUrl实现方式。

方法二：手动监听Store更新baseQuery配置 #

如果需要更精细的控制更新时机，可以利用RTK Query的内部actionupdateBaseQueryConfig来手动更新配置。注意这是内部API，后续版本可能有变动：

// 假设你已获取Redux Store实例
store.subscribe(() => {
  const currentState = store.getState();
  const currentBaseUrl = currentState.global.data.environmentConfig.baseUrl;
  const prevBaseUrl = currentState[BaseApi.reducerPath].baseQueryMeta.baseUrl;

  // 仅当baseUrl实际变化时才更新，避免不必要的dispatch
  if (currentBaseUrl !== prevBaseUrl) {
    store.dispatch(
      BaseApi.internalActions.updateBaseQueryConfig({
        baseUrl: currentBaseUrl,
      })
    );
  }
});

这种方式适合需要主动控制更新时机的场景，但依赖内部API，使用时需注意RTK Query版本兼容性。

内容的提问来源于stack exchange，提问作者Walter Monecke