如何在MirageJS无对应模拟路由时将请求重定向至真实服务器（基于Axios实现）

当然可以实现！这正是MirageJS设计中考虑到的场景，我们只需要利用它内置的passthrough方法，就能让未被模拟的请求直接转发到真实服务器。

核心解决方案：添加passthrough配置 #

在你的MirageJS服务器配置里，只需要在路由定义的最后加上this.passthrough()，就能让所有未被匹配的请求自动走真实后端。修改后的代码如下：

import {Server} from "miragejs";
new Server({
  routes() {
    this.namespace = "api/";
    
    // 已模拟的接口，会返回你定义的假数据
    this.get("test/router", () => {
      return [
        {name: "Angy", surname: "T."},
        {name: "Chris", surname: "B."},
        {name: "Juliana", surname: "Crain"}
      ];
    });

    // 关键配置：转发所有未被Mirage匹配的请求到真实服务器
    this.passthrough();
  }
});

工作原理说明 #

• 当发起api/test/router请求时，MirageJS会匹配到你定义的路由，返回模拟数据；
• 对于任何其他未在Mirage中配置的路由（比如api/user/profile），Mirage会自动跳过拦截，让请求直接发送到真实的后端服务器。

更精细的控制（可选） #

如果你需要对转发的请求做更精准的控制，passthrough支持传参来限定范围：

• 只转发特定前缀的请求：

  // 仅转发/api/开头但未被模拟的请求
  this.passthrough("/api/**");
  

• 排除某些路径不转发：

  // 转发所有请求，除了/api/test/下的路径
  this.passthrough("**", { exclude: "/api/test/**" });
  

注意事项 #

确保你的Axios配置中，请求的baseURL是指向真实服务器的地址。MirageJS是通过拦截浏览器的XMLHttpRequest/fetch请求来工作的，只要Axios的请求目标地址正确，未被模拟的请求就会正常到达真实后端。

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