如何解决MSW随机404误差与React

Question

我已经开始使用MSW嘲笑BE，但是当我保存更改时，它随机地无法获取数据。不要真正知道如何调试，因为它是非常随机的

API路由功能

import Api from './Api';

export default class BrandsAPIs extends Api {
  getAllBrands(accessToken) {
    return this.instance.get('brands', this.constructor.addAuthorizationHeader(accessToken));
  }
}

browser.js

import { setupWorker, rest } from 'msw';
import brands from './getBrands.json';

const worker = setupWorker(
  rest.post('/authentication', (req, res, ctx) => res(ctx.json({
    accessToken: 'Freebee',
    user: 'Andrea',
  }))),
  rest.get('/brands', (req, res, ctx) => res(ctx.json(brands))),
);

worker.start();

react页面

import React, { useState, useEffect } from 'react';
import { BrandsAPIsSingleton } from '../../modules/api';
// components
import BrandsMainTable from './table/BrandsMainTable';

export default function Main() {
  const [isLoading, setIsLoading] = useState([]);
  const [brands, setBrands] = useState([]);

  useEffect(() => {
    setIsLoading(true);
    BrandsAPIsSingleton.getAllBrands()
      .then((r) => {
        setBrands(r.data);
        setIsLoading(false);
      }).catch((error) => {
        setIsLoading(false);
        console.log(error);
      });
  }, []);

  if (isLoading) {
    return <div>Loading...</div>;
  }
  return (
    <BrandsMainTable data={brands} />
  );
}

其他人都有这个问题？