Vue Vue第三方库 前端-后端API模拟

Mock.js 生成随机数据,拦截 Ajax 请求。

// 使用 Mock
var Mock = require('mockjs')
var data = Mock.mock({
    // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
    'list|1-10': [{
        // 属性 id 是一个自增数,起始值为 1,每次增 1
        'id|+1': 1
    }]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))
 
// 模拟GET请求
Mock.mock('/mock/getGoodsList', 'get', {
  data: goodsList
})
// 模拟登录接口
Mock.mock('/api/login', 'post', (options) => {
  const { username, password } = JSON.parse(options.body);
  const user = users.find(user => user.username === username && user.password === password);
  if (user) {
    return {
      code: 200,
      message: '登录成功',
      data: {
        userId: user.id,
        userName: user.username,
        token: user.token
      }
    };
  } else {
    return {
      code: 401,
      message: '用户名或密码错误'
    };
  }
});

0 基础概念

1 基础方法