vue中使用mockjs

vue中使用mockjs

安装mockjs

npm install mockjs --save-dev

在src下创建一个mock的文件夹，里边存在index.js，这个文件是保存模拟数据路径的地方

import Mock from 'mockjs'
import order from './order'

Mock.mock(/\/order\/getOrderList/, 'get', order.getOrderList)

创建一个文件夹里边存储的是需要模拟的数据

src有一个专门放置访问接口的文件夹

import request from '@/utils/request'

/**
 * @description: 查询订单列表
 * @param {type}
 * @return {type}
 */
export function getOrderList() {
  return request({
    url: '/order/getOrderList',
    method: 'get'
  })
}

在main.js文件中引用index.js

import './mock/index.js'

需要调用使用的接口

import { getOrderList } from '@/api/order/order.js'