urlPrefix and passthrough() are not working together

Issue type: Bug

Current Behavior: I have set up my server as below:

  const server = new Server({

    routes() {
      this.urlPrefix = 'api';

      this.get('users', () => {
        return [];
      });

      this.get('meta-data', () => {
        return {};
      });

      this.passthrough();
    }

  });

The issue is I have another library for internationalization which makes a request for a static JSON file that contains the translation data. If I set a urlPrefix or namespace property of the server, it throws the error as miragejs tries to intercept that request.

Expected Behavior: If I add the method this.passthrough() in the routes() it should not throw an error and miragejs should allow that request to pass through.

[samselikoff]

This is a sort of confusing part of the routes API but if you specify urlPrefix or namespace it applies to every route definition that follows it, and also affects calls to this.passthrough().

All you need to do is reset it before calling passthrough() and all current origin requests should start passing through:

https://miragejs.com/repl/v1/311

[vnabet]

It’s really weird. I have the same problem with transloco (Angular internationalization lib)

the i18n json files are not in the same configured prefixUrl and namespace but Mirage throw an error

Mirage: Your app tried to GET './assets/i18n/fr-FR.json?v=166783724', 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? The existing namespace is undefined

By the way, @samselikoff your solution works … but really i don’t understand why Mirage catch these routes.