首页 > 其他分享 >Vite 使用 mock插件

Vite 使用 mock插件

时间:2022-10-15 14:12:01浏览次数:57  
标签:mock 插件 工程师 js api Vite vite

1. 首先下载插件

yarn add vite-plugin-mock mock -D

2.建立mock文件夹,并且新建index.js 文件


export default [{
  url: '/dev-api/api/getUsers',   method: 'get',   response: () => {     return {       code: 200,       message: 'ok',       data: {         'list|10': [           {             id: '@guid',             name: '@cname',             'age|20-30': 23,             'job|1': ['前端工程师', '后端工程师', 'UI工程师', '需求工程师']           }         ],         total: 10       }     }   } }]

 

 

 

3. 在vite.config.js中引入插件

import { viteMockServe } from 'vite-plugin-mock'

   plugins: [       viteMockServe({         mockPath: './mock/',         supportTs: false, // 监听TS文件,这里要注意下js文件的话填false         localEnabled: true // 开发环境       })     ],

 

4. 请求接口试一下吧 

 

标签:mock,插件,工程师,js,api,Vite,vite
From: https://www.cnblogs.com/qt-fei/p/16794097.html

相关文章

  • MyBatisPlusConfig中配置分页插件以及分页案例
    1、MyBatisPlusConfig中配置分页插件依赖参考:https://www.cnblogs.com/konglxblog/p/16793936.htmlpackagecom.stu.service.base.config;importcom.baomidou.mybati......
  • tomcat7插件
    tomcat7插件<build><plugins><plugin><groupId>org.apache.tomcat.maven</groupId><artifactId>tomcat7-maven......
  • vue3无限滚动插件
    vue3无限滚动插件vue3-infinite-scroll-better支持Vue3的滚动加载插件,所有用法和vue-infinite-scroll一致。并解决了一些bug。安装npminstallvue3-infinite-scroll-b......
  • FreeBSD下开发Python插件并使用nuitka打包
    承接前面的文章https://www.cnblogs.com/passedbylove/p/16759512.htmlhttps://www.cnblogs.com/passedbylove/p/16756063.html自定义Python插件的setup.pyfromdistu......
  • idea插件收藏
    EasyJavadoc自动注释CR过很多同学的代码,经常会遇到类上或者方法上没有注释的情况,其中一个原因是写注释比较麻烦。那么有什么提效的方法吗?EasyJavadoc就是可以很好......
  • vite vue3 规范化与Git Hooks
    在《JS模块化》系列开篇中,曾提到前端技术的发展不断融入很多后端思想,形成前端的“四个现代化”:工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发......
  • 在vscode中使用博客园插件
    在vscode中使用博客园插件自动上传本地博客(1)前言好记性不如烂笔头。千古流传的经验之谈,绝不是浪得虚名。记忆是最最会骗人的东西,又是最容易被遗忘的东西。过河拆桥,......
  • vite打包失败 - out of memory
    在做项目时,随着需求的不断增加,我们的代码文件会越来越大,但是在打包时,在Node中通过JavaScript使用内存的大小却是有限制的。于是,今天打算部署代码时,报错了:<---JSstack......
  • Tampermonkey 插件
    一简介​每次使用搜索引擎进行内容检索的时候,经常会搜索到一些带有广告的页面,而这些内容往往不是我们所需要的,这些内容统称为干扰项,那如何在使用搜索引擎内容检索时排除......
  • MyBatis自定义插件机制分析(源码级剖析)
    **问题:什么是Mybatis插件?有什么作用?**一般开源框架都会提供扩展点,让开发者自行扩展,从而完成逻辑的增强。基于插件机制可以实现了很多有用的功能,比如说分页,字段加密,监控......