记录：Vue3+vite中使用mockJS搭建本地模拟数据

一、安装mockJS

        在终端执行命令

npm install mockjs

二、使用mockJs

        在src下创建一个名为mock的文件夹，用来存放我们mock的所有文件。在mock下创建一个index.js文件用来写入mock数据。

        在index.js中引入mockjs。

import Mock from mockjs
export const userData = Mock.mock("/admin/login", "post", (params) => {
    const userInfo = [
        {
            username: 'admin',
            password: '123456'
        }
    ]
    const { username, password } = JSON.parse(params.body)
    for (let index = 0; index < userInfo.length; index++) {
        if (username == userInfo[index].username && password == userInfo[index].password) {
            return {
                code: 200,
                message: '登录成功'
            }
        } else {
            return {
                code: 500,
                message: '密码或账号不正确'
            }
        }
    }
});

注意： 在vue3 + vite中引入mockjs是不能使用require。

const Mock = require('mockjs')

三、引入mockjs

      所有准备工作完成后，在main.js中引入index文件全局使用

// 引入模拟数据Mockjs
import '@/mockjs/index'

 到此大功告成，在axios中直接调用就可以使用了

mockjs的地址：http://mockjs.com/