Package Exports

vite-easy-mock
vite-easy-mock/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vite-easy-mock) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vite-easy-mock

本仓库参考vite-plugin-easy-mock, 对部分功能做了修复增强, 比如fileSuffix参数支持，找不到路由时默认跳过等。

Install

yarn add vite-easy-mock --dev
# or
npm i vite-easy-mock --save-dev

Usage

vite.config.js

import { defineConfig } from 'vite'
import viteMock from 'vite-easy-mock'

export default defineConfig({
  plugins: [
    viteMock()
  ]
})

vue.config.js 中使用

const { useMiddleWare } = require('vite-easy-mock')

module.exports = {
  devServer: {
    before (app) {
      // 使用mock中间件
      app.use(useMiddleWare())
    }
  },
}

根目录下新建 mock 文件夹，新建文件夹和 json 或者 js 文件

文件夹和文件名配合就能 mock 本地 /user/getAuthList 接口，json 和 js 写法如下：

mock/user/getAuthList.json

{
  "success": true,
  "desc": null,
  "data": []
}

mock/user/getAuthList.js

module.export = (req) => {
  // 打印所有的query参数
  console.log("req.query", req.query);
  return {
    success: true,
    desc: null,
    data: []
  }
}