1.1.1 β’ Published 6 months ago
vite-plugin-apimock v1.1.1
vite-plugin-apimock
δΈζ | English
A lightweight and non-intrusive mock solution for Vite, simulating different HTTP requests and returning predefined data.
π Features
- π‘οΈ Non-intrusive: Achieves same-origin API using Connect middleware.
- βοΈ Supports RESTful APIs.
- π οΈ Flexible response data: Customize response data and headers.
- π Provides complete type declaration files.
π³ Environment
- node >= 16.0
- vite >= 2.0
πͺ Install
npm i -D vite-plugin-apimock
yarn add -D vite-plugin-apimock
pnpm add -D vite-plugin-apimock
π© Usage
// vite.config.ts
import { defineConfig } from 'vite'
import createMockApi from 'vite-plugin-apimock'
import { ApiData } from "vite-plugin-apimock";
const apiList: ApiData[] = [
{
url: '/zoos',
method: 'GET', // Defaults to 'GET'
data: [{id: 0, name: 'zoo0'}],
},
{
url: '/zoos/:id',
method: 'PUT',
headers: { // Defaults to 'Content-Type' as 'application/json'
'X-Custome-Id': 'xxx',
}
data: ({params, body, headers}) => {
// Params include id and other URL params
return {}
}
}οΌ
{
url: '/zoos/:id/animals/:id',
method: 'DELETE',
data: {state: 200, msg: 'success', data: {}}
}
]
export default defineConfig({
plugins: [
createMockApi(apiList)
]
})
License
MIT