vite+vue3项目实现mock数据

1,241 阅读1分钟
  • 安装mock插件
yarn add mockjs
yarn add vite-plugin-mock -D
  • vite.config.js 配置
import { viteMockServe } from 'vite-plugin-mock'

export default defineConfig({
    plugins: [
        viteMockServe({
            supportTs:false,
            mockPath: "./src/mock/",//mock文件夹的路径
        })
  • mock接口数据(./src/mock/index.js)
export default [
  {
    url: "/api/getCaptchaCode",
    method: "post",
    response: () => {
      return {
        status: {
          error_code: 0,
          error_msg: 'success'
        },
        data: {
          code_key: '6012e9ba65b442d2e5e7fec6e8eabcfd',
          code:'scfg'
        }
      };
    },

  },

];

项目git地址:github.com/wudengyao/a…

6312db527f95aa75ecff8edbd868dbd.png