Yes. Set any HTTP status code like 200/201/400/401/403/404/500 to simulate various response scenarios.

No. All Mock configuration and generation is done locally in your browser.

Free HTTP Mock Server Generator Online

Q: What HTTP methods are supported?

Supports GET, POST, PUT, PATCH, DELETE and other common HTTP methods with custom route paths and response content.

Q: Can it simulate delays?

Yes. Supports response delay (0-5000ms) to simulate slow networks and server processing time.

Q: How to use the generated config?

Export as JSON config for json-server, or as MSW Handler code for Mock Service Worker integration.

Pure Frontend · RESTful Routes · Status Code Simulation · Delay Control

Zero Dependencies · Works Offline

➕ 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

What can HTTP Mock Server Generator do?

HTTP 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.

Core Features

Multiple HTTP Methods: GET/POST/PUT/PATCH/DELETE
Status Code Simulation: 200/201/400/401/403/404/500 etc.
Delay Simulation: 0-5000ms adjustable network delay
Multi-format Export: json-server config, MSW Handler code
Route Management: Add/remove routes with live preview

How to Use

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 Cases

Frontend Development

Use Mock data to drive frontend development when backend API is not ready.

API Testing

Simulate error responses (404/500/timeout) to test frontend error handling.

Product Demos

Build product demos with Mock data without a real backend service.

Extended Knowledge

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.

FAQ

What is an HTTP Mock server?

An HTTP Mock server simulates real API behavior by returning preset response data for frontend development and testing.

What HTTP methods are supported?

GET, POST, PUT, PATCH, DELETE and other common HTTP methods.

Can it simulate delays?

Yes. Supports 0-5000ms response delay to simulate slow networks.

Custom status codes?

Yes. Set any HTTP status code like 200/201/400/401/403/404/500.

Is data uploaded?

No. All Mock configuration is done locally in your browser.

How to use the generated config?

Export as json-server config or MSW Handler code for integration.

HTTP Mock Server Generator