vue框架中mockjs使用方法及注意事项

vue框架中mockjs使用方法及注意事项

一，使用步骤

1. 使用npm安装:npm install mockjs;

2. 新建mock文件夹，下面新建mockname.js文件

import Mock from 'mockjs' // 引入mockjs

//第一个参数是要拦截的请求地址，第二个参数是请求方式
export default Mock.mock(RegExp('menu/list' + '.*'), 'get', function () {
  let result = {}
//给前端返回什么
  return {
    success: true,
    code: '0',
    message: 'success',
    result: result
  }
})

3. 在main.js中加require(’./mock/mockname’)

二，注意事项

• get post之类的参数不要大写
• 拦截不带参数的get请求的语句拦截不了带参数的get请求，因为带参的在后面拼接了一段字符串，所以在写mock的url时需要使用正则表达式： Mock.mock(RegExp(‘menu/list’ + ‘.*’), ‘get’, …