Passthrough for assets works only first time on page load

Hello,

I setup passthrough for assets like this:

export function startMockServer({ environment = 'test' }) {
  return new Server({
    environment,
    urlPrefix: 'http://localhost:3000',
    namespace: 'api',
    routes() {
      this.passthrough('http://localhost:4200/assets/**');

      this.get('config', () => {
        return { content: {} };
      });
    },
  });
}

when I open http://localhost:4200 for the first time, I see all assets are loaded and Mirage reports passthrough for them as expected but if I refresh the page, Mirage shows errors that it can’t load any of the assets:

Error retrieving icon: Mirage: Your app tried to GET 'assets/icons/menu.svg', but there was no route defined to handle this request. Define a route for this endpoint in your routes() config. Did you forget to define a namespace?

I tried to move passthrough below mock endpoints, also moving urlPrefix and namespace inside routes and configuring them after passthrough route but got same result.

Am I configuring Mirage in a wrong way or there is an issue ?

Thanks

[m0t0r]

After quite a bit of debugging I still wasn’t able to figure out why that issue happens in my project but fortunately I found out that you can pass a function to passthrough and solved it for me and now it works as expected every time:

this.passthrough(request => request.url.includes('assets'));

[m0t0r]

@samselikoff thanks for you reply. Unfortunately, I can’t reproduce this issue when I setup a small project, even though, I did all steps that are in my actual project and everything works as expected every time. My actual project is private, unfortunately I can’t share it. Do you have some tips/ideas what could possibly change behavior of Mirage ? Yes, I use latest 0.1.40 version. Thanks