Proxy e interceptador (web)

Somente versão web. O Mock Flow Desktop não usa proxy Next.js — o servidor mock roda em http://127.0.0.1:5000 diretamente. Para consumir mocks no desktop, veja Consumir mocks.

Esta página documenta o recurso de proxy/interceptador da plataforma web (código mantido no repositório, acesso oculto na UI).

URLs na versão web

Ambas funcionam da mesma forma — escolha a que preferir.

Aba Proxy na plataforma web

Em Projeto → Proxy você configura:

• URL da API real (source) — ex.: https://api.minha-app.com
• Substituir por (mock target) — ex.: /api/mock/loja-demo
• Switch Ativo — salva a configuração do projeto

Snippet de interceptador

Copie o snippet gerado e cole no bootstrap do seu app (antes dos fetches):

const MOCK_SOURCE = "https://api.minha-app.com";
const MOCK_TARGET = "http://localhost:3000/api/mock/loja-demo";
 
const originalFetch = window.fetch.bind(window);
window.fetch = (input, init) => {
  const url = typeof input === "string" ? input : input.url;
  if (url.startsWith(MOCK_SOURCE)) {
    const redirected = MOCK_TARGET + url.slice(MOCK_SOURCE.length);
    return originalFetch(redirected, init);
  }
  return originalFetch(input, init);
};

Com isso, uma chamada para https://api.minha-app.com/products passa a ir para http://localhost:3000/api/mock/loja-demo/products.

Equivalente no desktop

Configure baseURL no client HTTP apontando para o servidor local:

const api = axios.create({
  baseURL: "http://127.0.0.1:5000/api/mock/loja-demo",
});

Veja Consumir mocks.