vite 项目 mock 插件

1. 安装

npm i vite_mock_plugin -D

2. 使用

2.1 vite打包项目配置

import { viteMockPlugin, tapiProxy } from 'vite_mock_plugin';

export default {
  plugins: [
    ...
    viteMockPlugin({mockUrl: '/api', mockDir:`${process.cwd()}/mock`}),
    // or config as Array<Config>
    // viteMockPlugin([{mockUrl: '/api', mockDir:`${process.cwd()}/mock`}, {mockUrl: '/mapi', mockDir:`${process.cwd()}/mock`}]),
    ...
  ],
  server: {
    // open: '/',
    ...
    proxy: tapiProxy,
    ...
  },
}

2.2 npm mock 命令

   npm run dev --env=sit --mock

process.env.NODE_EVN process.env.npm_config_lin =????''

3. 说明

3.1 viteMockPlugin

vite mock 插件函数, 必须通过viteDevServer 代理, 通过在viteDevServer时中间层访问url对应的本地mock地址配置mock数据，如果存在文件则返回数据或者方法，不存在则通过viteDevServer代理到接口访问接口获取数据

3.2 tapiProxy

提供了网关proxy的配置