首先安装mockJs和vite-plugin-mock 安装命令:npm install mockjs vite-plugin-mock -D mock的使用文档:http://mockjs.com/ 创建mock文件夹,在里面新建文件index.js index.js代码 创建mockTeat.js,用于产生模拟数据 模拟数据,使用规则请看使用文档 打开vite.config.js文件,配置vite-plugin-mock 不安装vite-plugin-...
vite-plugin-mock/dist/client.mjs Version: 2.25 kBJavaScriptView Raw 1 async function createProdMockServer(mockList) { 2 const Mock = await import('mockjs'); 3 const { pathToRegexp } = await import('path-to-regexp'); 4 Mock.XHR.prototype.__send = Mock.XHR.prototype.send; 5...
import { viteMockServe }from'vite-plugin-mock'import vuefrom'@vitejs/plugin-vue'exportdefault({ command }) =>{return{ plugins: [ vue(), viteMockServe({ mockPath:'mock',//解析根目录下的mock文件夹localEnabled: command ==='serve',//开发打包开关prodEnabled: command !=='serve',//生产打...
npm i vite-plugin-mock@2.9.6 配置vite.config.ts文件 export default defineConfig(({ command }) => { return { plugins: [ vue(), viteMockServe({ // 保证开发阶段可以使用mock,生产环境禁止开启 localEnabled: command === 'serve' }) ] } }) defineConfig(({ command })=>{}箭头函数参照官网...
MockDevServerPlugin({formidableOptions:{uploadDir:path.join(process.cwd(),'uploads'),}}) options.build 需要构建可独立部署的小型mock服务时配置。 类型:boolean | ServerBuildOptions 默认值:false interfaceServerBuildOptions{/** * 服务端口 * @default 8080 ...
而 `Mock.js` 是一个用于模拟数据的库,常与 `vite-plugin-mock` 配合使用。 以下是使用 `Mock.js` 语法的示例: 1. **基本数据生成** 使用`Mock.Random` 对象生成随机数据。 ```javascript import Mock from 'mockjs' Mock.mock('/user', 'get', { 'name|1-3': '张', // 名字为 "张" 的...
解决方案: 在node_modules/vite-plugin-mock/dist/index.mjs这个文件中做如下配置: import { createRequire } from 'node:module'; const require = createRequire(import.meta.url)
第二种: 在根目录添加 ·.env.development· 文件, 然后在里面写 # Whether to open mockVITE_USE_MOCK=true 本想在引入mock模块的时候偷个懒的,在mock/index.ts 里面使用import.meta.globEager('./modules/*.ts')结果发现报错 image.png 发现vite-plugin-mock 用了es2015导致不兼容 image.png...
vite使⽤mock插件（vite-plugin-mock）记录1. 依赖的安装 # 使⽤ npm 安装 npm install mockjs vite-plugin-mock -D # 使⽤ yarn 安装 yarn add mockjs vite-plugin-mock -D 2. 在 vite.config.js 中使⽤vite-plugin-mock插件 import vue from "@vitejs/plugin-vue";import { viteMockServe }...
今天分享的是vite-plugin-mock,记录一下使用流程及一些用到的配置。 安装: npm i mockjs vite-plugin-mock -D vite.config.ts 配置 import { UserConfigExport, ConfigEnv } from 'vite' import { viteMockServe } from 'vite-plugin-mock' import vue from '@vitejs/plugin-vue' ...