# npmnpm i -D vite-plugin-mock-dev-server# yarnyarn add vite-plugin-mock-dev-server# pnpmpnpm add -D vite-plugin-mock-dev-server 使用 vite.config.ts import{ defineConfig }from'vite'importmockDevServerPluginfrom'vite-plugin-mock-dev-server'exportdefaultdefineConfig({ plugins: [ mockDevServe...
import{defineMock}from'vite-plugin-mock-dev-server'exportdefaultdefineMock({url:'/api/test',body:{a:1,b:2}}) Methods mockDevServerPlugin(options) Vite plugin vite.config.ts import{defineConfig}from'vite'importmockDevServerPluginfrom'vite-plugin-mock-dev-server'exportdefaultdefineConfig({plugins:...
vite-plugin-mock 是一个用于 Vite 项目的插件,它允许开发者在开发环境中模拟后端 API 数据,从而无需实际的后端服务就能进行前端开发。以下是使用 vite-plugin-mock 的详细步骤: 1. 了解 vite-plugin-mock 的基本信息和用途vite-plugin-mock 通过拦截 HTTP 请求,并将这些请求重定向到预定义的 mock 数据,从而模拟...
1、创建mockProdServer.ts 文件 // mockProdServer.tsimport { createProdMockServer } from 'vite-plugin-mock/client'// 逐一导入您的mock.ts文件// 如果使用vite.mock.config.ts,只需直接导入文件// 可以使用 import.meta.glob功能来进行全部导入import testModule from '../mock/test'export function setupP...
A free, fast, and reliable CDN for vite-plugin-mock-dev-server. Vite Plugin for API mock dev server.
response: ({ query }:any)=>{ console.log(query)return'hello world'} } ]asMockMethod[]//这里其实就是定义数据格式的,不了解的同学可以参考typescript的官方文档 3.根目录创建的mock文件夹目录下创建index.ts文件 import { createProdMockServer }from'vite-plugin-mock/es/createProdMockServer'import Hell...
{ mockPath: "./src/server/mock", //mock文件地址 localEnabled: localEnabled, // 开发打包开关 prodEnabled: prodEnabled, // 生产打包开关 // 这样可以控制关闭mock的时候不让mock打包到最终代码内 injectCode: ` import { setupProdMockServer } from './mockProdServer'; setupProdMockServer(); `, ...
配置vite.config.ts import { defineConfig } from 'vite'import { createSvgIconsPlugin } from 'vite-plugin-svg-icons' // 引入 svg 图标所需要的插件import vue from '@vitejs/plugin-vue'import path from 'path'import {viteMockServe} from "vite-plugin-mock";// https://vitejs.dev/config///...
A mock server plugin forVite, developed based on TypeScript. And support using TypeScript and JavaScript to write Mock API. When the Mock API file is modified, it will be hot updated automatically.Zero Dependency Install node version:>=12.0.0 ...
yarn add vite-plugin-easy-mock --dev# ornpm i vite-plugin-easy-mock --save-dev 使用# vite.config.js 中使用插件 Copy import{ defineConfig }from'vite'importviteMockfrom'vite-plugin-easy-mock'exportdefaultdefineConfig({plugins: [viteMock() ...