只不过vite-plugin-mock用的是connect。get实现的接口,你可以复制出来在浏览器访问看看就明白了。 但是有一点没理解,项目启动代理的情况下,如果本地启动了一个mock接口,请求就会是本地启动的接口,如果本地没有,会被代理到设置的代理地址。我觉得是代理proxy实现的,没查到xhr会自动去实现这个功能。 所以开发的时候,...
vite-plugin-mock 是一个用于 Vite 项目的插件,它允许开发者在开发环境中模拟后端 API 数据,从而无需实际的后端服务就能进行前端开发。以下是使用 vite-plugin-mock 的详细步骤: 1. 了解 vite-plugin-mock 的基本信息和用途vite-plugin-mock 通过拦截 HTTP 请求,并将这些请求重定向到预定义的 mock 数据,从而模拟...
pnpm install-Dvite-plugin-mock mockjs 配置vite.config.ts 代码语言:javascript 复制 import{defineConfig}from'vite'import{createSvgIconsPlugin}from'vite-plugin-svg-icons'// 引入 svg 图标所需要的插件importvuefrom'@vitejs/plugin-vue'importpathfrom'path'import{viteMockServe}from"vite-plugin-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...
MockDevServerPlugin({formidableOptions:{uploadDir:path.join(process.cwd(),'uploads'),}}) options.build 需要构建可独立部署的小型mock服务时配置。 类型:boolean | ServerBuildOptions 默认值:false interfaceServerBuildOptions{/** * 服务端口 * @default 8080 ...
mockMock是mock 对象 optionsPluginOptions否插件配置项 PluginOptions 说明 参数类型必填项说明 proxystring / RegExp / Array<string / RegExp>否代理路径,默认: /^/api// ignorestring / RegExp / Array<string / RegExp>否忽略代理路径 disabledboolean否禁用插件 ...
1、首先安装对应的依赖 vite-plugin-mock,我这里是使用npm安装的,也可以选择其他安装方式; npm install vite-plugin-mock -D 2、项目内src文件夹下新建文件夹,我这里创建的文件夹名称为http,之后在http文件夹内部创建mock文件夹,内部创建index.js文件;
在根目录创建mock文件夹,然后添加index.ts 文件 单纯的使用自己的返回数据话,可以不用引入mockjs 如果是要是使用mockjs的返回的话,一定要引用mockjs import{MockMethod}from'vite-plugin-mock'constMock=require('mockjs')exportdefault[{url:'/api/getUserInfo',method:'post',response:({query})=>{return{code...
Mock file example /path/mock // test.tsimport{MockMethod}from'vite-plugin-mock';exportdefault[{url:'/api/get',method:'get',response:({query})=>{return{code:0,data:{name:'vben',},};},},{url:'/api/post',method:'post',timeout:2000,response:{code:0,data:{name:'vben',},},},...
所以mock的存在可以节省很多的时间,只不过以前都没用过,因为后端也有很多工具,从来没有前端自己mock过。 这次业务需要自己mock数据,所以就使用了一下,发现还挺好用的。 今天分享的是vite-plugin-mock,记录一下使用流程及一些用到的配置。 安装: npm i mockjs vite-plugin-mock -D ...