vue项目中使用mockjs

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

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

    

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

7. import Mock from 'mockjs' // 引入mockjs
   require('@/mock/loginMock')
   
   Mock.setup({
     timeout: 0 - 300
   })
   

    

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

9. 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
   }

    

10. 请求的url和login.js的url（`${base.sq}/accesstoken`）是一致的