vue项目中使用mockjs

最新推荐文章于 2024-10-21 17:18:26 发布

伊人_fly

最新推荐文章于 2024-10-21 17:18:26 发布

阅读量237

点赞数 1

CC 4.0 BY-SA版权

文章标签： mockjs

本文链接：https://blog.youkuaiyun.com/qq_35737698/article/details/96999924

安装yarn add mockjs
在main.js中添加以下代码

//只在开发环境用mock
if (process.env.NODE_ENV === 'development') {
  require('@/mock/index.js')
}

在src目录创建mock文件夹
在mock文件下创建index.js和login.js （login.js是不想想名称了，随手写的）
在mock文件夹下的index.js的代码如下

import Mock from 'mockjs' // 引入mockjs
require('@/mock/loginMock')

Mock.setup({
  timeout: 0 - 300
})

在mock文件夹下的login.js的代码如下

import base from '@/api/base'
import Mock from 'mockjs'
const Random = Mock.Random;

let LoginData = {
  name: Mock.Random.cname(),
  'age|12-38': 1,
  'sex|1': ['male', 'female']
}
const data = Mock.mock(`${base.sq}/accesstoken`, LoginData)
export default {
  data
}