（24）VUE使用mock.js

mock.js用来模拟后端接口，源码地址：https://github.com/nuysoft/Mock/wiki/Getting-Started

一、安装mock.js

npm install mockjs --save

二、src路径下创建mock文件夹

image.png

json文件夹用于存放json文件，与后端接口数据对应

// mock.js 文件
import Mock from 'mockjs';
import firstURL from './json/firstURL.json';

Mock.mock('后端接口地址', () => {
    // 返回json数据
    return firstURL
})

// url地址使用正则匹配
Mock.mock(/prmsas\/deviceTemplate\/getByDeviceId/, () => {
    return firstURL
})

三、main.js导入

 import "@/src/mock/mock";