➕ Add Route
Method
Path
Status
Delay(ms)
📋 Routes
No routes yet. Add one or load an example.
🔒All Mock configuration is done locally in your browser
Pure Frontend · RESTful Routes · Status Code Simulation · Delay Control
Zero Dependencies · Works OfflineHTTP Mock Server Generator is a pure frontend tool for quickly creating Mock API route configurations. Add routes through a visual interface with HTTP method, path, status code, delay and response body. The tool generates json-server config or MSW (Mock Service Worker) code. Supports RESTful routes and various HTTP response scenarios.
Step 1: Select HTTP method, enter path and response data.
Step 2: Set status code and delay time.
Step 3: Click "Add Route". Add multiple routes as needed.
Step 4: Click "Export Config" or "Export MSW" to get the result.
Use Mock data to drive frontend development when backend API is not ready.
Simulate error responses (404/500/timeout) to test frontend error handling.
Build product demos with Mock data without a real backend service.
Mock Servers are common in frontend development. json-server is a lightweight Mock server using JSON files. MSW (Mock Service Worker) intercepts requests at the browser Service Worker layer. Both have advantages: json-server for standalone Mock services, MSW for integration into frontend projects.
An HTTP Mock server simulates real API behavior by returning preset response data for frontend development and testing.
GET, POST, PUT, PATCH, DELETE and other common HTTP methods.
Yes. Supports 0-5000ms response delay to simulate slow networks.
Yes. Set any HTTP status code like 200/201/400/401/403/404/500.
No. All Mock configuration is done locally in your browser.
Export as json-server config or MSW Handler code for integration.