Category - Mock

2019-11-14 15:46:30    114    0    0

第一步:在框架下的mock文件夹下新建users.js(对应users路由下的页面)

  1. const Mock = require('mockjs');//导入mock.js模块
  2. const config=require("../src/utils/config");
  3. const {apiPrefix}=config;
  4. const userData=Mock.mock({
  5. 'data|95':[{
  6. 'key|+1':1,
  7. 'name':'Edward King',
  8. 'age':32,
  9. 'address':'London, Park Lane no1'
  10. }]
  11. })
  12. module.exports={
  13. //post 请求 /api/v1/users/是拦截地址 方法内部接受request response对象
  14. [`GET ${apiPrefix}/users`](req,res){
  15. res.json(userData)
  16. }
  17. }

第二步:在.roadhogrc.mock.js(dva)或者.umirc.mock.js(umi)中导入mock

  1. const mock = {}
  2. require('fs').readdirSync(require('path').join(__dirname + '/mock')).forEach(function(file) {
  3. Object.assign(mock, require('./mock/' + file))
  4. })
  5. module.exports = mock

第三步:需要数据的地方用axios请求

  1. import axios from "axios"
  2. axios.get(`GET ${apiPrefix}/users`, {})
  3. .then(res=> {
  4. console.log(res)
  5. })

注意

  1. 如果报404错误的话, 检查是否开启了本地代理, 如:

    "proxy": {
    "/api/v1": {}
    }

    则不能使用/api/v1开头的路径