mocxykit

What is mocxykit?

mocxykit is a middleware for frontend development servers that handles request proxying and data mocking. It works with Webpack, Vite, and other dev server setups, and is intended solely for development use.

How to use mocxykit?

Install the package (npm install mocxykit --save-dev), then add the appropriate plugin or middleware to your build configuration (e.g., WebpackProxyMockPlugin, viteProxyMockPlugin, or proxyMockMiddleware for Express). Open http://localhost:3000/config in a browser to access the visual management interface.

Key features of mocxykit

• Proxy requests and mock data with a visual management interface
• Supports global proxy and per‑URL custom proxying
• Dynamically switch between proxy and mock for individual endpoints
• Generate random mock data with faker support
• Manage and switch between multiple environments
• Expose local server publicly via Ngrok
• Sync API data from ApiFox automatically or manually

Use cases of mocxykit

• Develop and test frontend features without a live backend
• Quickly mock API responses during local development
• Simulate error responses or edge cases returned by a real API
• Share a local dev environment with external testers or clients via Ngrok
• Let AI coding assistants auto‑fetch mock or recent request data via MCP protocol

FAQ from mocxykit

What is the purpose of mocxykit?

It proxies requests and provides mock data to accelerate frontend development. It is designed for development only, not production.

What build tools does mocxykit support?

It supports webpack (v4+ and v5+), Vite, Vue CLI, express, and Rsbuild via dedicated plugins or middlewares.

Does mocxykit require a backend server?

No. It runs as a middleware within the frontend dev server and can either forward requests to a real backend or return mock data locally.

How do I expose my local server to the internet?

Enable Ngrok access through the settings panel. You need a free Ngrok account and authtoken. Each new tunnel generates a new public URL.

Can mocxykit sync data from ApiFox?

Yes. Provide an ApiFox access token, select a project and API groups, and sync API definitions, mock data, and documentation into the local environment.