1.下载安装mockjs:
npm install mockjs
2.自己设计json结构data.json
3.在相同的路径下创建mockServer.js
/* 使用mockjs提供mock数据接口 */
import Mock from 'mockjs'
import data from './data.json'
// 返回goods的接口
Mock.mock('/goods', {code: 0, data: data.goods})
// 返回ratings的接口
Mock.mock('/ratings', {code: 0, data: data.ratings})
// 返回info的接口
Mock.mock('/info', {code: 0, data: data.info})
4.在main.js里面引入mockServer文件
import './mock/mockServer.js'
5.ajax请求mockjs模拟的数据
/*
* 获取商家信息(下列请求由mock拦截并返回 不需要代理,也就是不需要加/api的前缀)
*/
export const reqShopInfo = () => ajax('/info')
/**
* 获取商家评价数组
*/
export const reqShopRatings = () => ajax('/ratings')
/**
* 获取商家商品数组
*/
export const reqShopGoods = () => ajax('/goods')