前后端联调一般的逻辑是,前端通过ajax访问后端,后端通过json数据返回给前端。
使用mockjs就是通过mock模拟服务器响应,要在项目当中拦截请求并且用mockjs返回数据。
一般是通过webpack下devServer的before属性做拦截。
①vuecli脚手架根目录新建vue.config.js,键入如下代码:
module.exports = {
devServer: {
before: require('./mock/index.js') //引入mock的index.js
}
}
②根目录mock文件夹下新建index.js,键入如下代码:
/*
* @Descriptions:
* @Version:
* @Author:
* @Date: 2020-06-18 23:20:14
* @LastEditors: dongwenjie
* @LastEditTime: 2020-06-18 23:27:11
*/
const fs = require('fs');
const path = require('path');
const Mock = require('mockjs');
const JSON5 = require('json5');
// 读取json文件
function getJsonFile(filePath) {
// 读