Why does handler not catch URL during CI deployment?

[alaws-USGS]

Hello, I am using msw with Vitest and RTK Query. During local development, I am able to use a ternary operator to supply an absolute path for my RTK queries and msw catches my GET's just fine at the '/modelspath. However, when I deploy using a CI pipeline, my base URL changes andmswno longer catches the/modelspath. Instead, I now I have explicitly state that path i.e.https://path.to.API/models`. Is there something I am missing in setting up my handlers?

Handlers

export const restHandlers = [
  http.get('/models', ({ request }) => {
    const url = new URL(request.url);

    const sectorId = url.searchParams.get('sector');

    if (sectorId === 'water-use') {
      return HttpResponse.json(sectorModelResponse);
    }
  }),
  http.get(
    'https://api-path.com/models',
    ({ request }) => {
      const url = new URL(request.url);

      const sectorId = url.searchParams.get('sector');

      if (sectorId === 'water-use') {
        return HttpResponse.json(sectorModelResponse);
      }
    }
  ),
];

API query

import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';

export type nwdcModelResponse = {
  model_name: string;
  model_id: string;
  model_info_full_json: string;
  sector: string;
  start_date: string;
  end_date: string;
  report_chapter: string[];
};

// get API URL
const apiUrl = import.meta.env.VITE_API_URL;

// baseUrl built conditionally to satisfy `msw` mocking for tests between local and deployment
const baseUrl =
  apiUrl === ""
    ? new URL(apiUrl, location.origin).href // msw needs absolute path, not relative path
    : apiUrl;

// create /model?sector endpoint query
const modelsApi = createApi({
  reducerPath: 'modelsApi',
  baseQuery: fetchBaseQuery({
    baseUrl: baseUrl,
  }),
  endpoints: (builder) => ({
    getModels: builder.query<nwdcModelResponse[], string>({
      query: (sector) => `/models?sector=${sector}`,
    }),
  }),
});

export const { useGetModelsQuery } = modelsApi;
export default modelsApi;

Thank you!

[kettanaito]

Hi!

There's 13 closed issues related to RTK Query and 3 discussions. Have you checked the suggestions in those? Please do, if you haven't.

I remember that you have to configure the base URL or something for RTK Query correctly. There might also be issues related to this in the RTK Query repository on GitHub so please look into them, too.

It's unlikely to be a bug in MSW. If the request isn't intercepted, then your app performs a different request than you expect. You should follow the Debugging runbook and see how far you can get.