vue mockjs模拟数据使用
介绍
生成随机数据,拦截 Ajax 请求。
官网:http://mockjs.com/
github:https://github.com/nuysoft/Mock
vue中使用
安装
npm install mockjs --save-dev
使用模拟数据
---- test.js----
export default {
name: "@name", //随机生成姓名
"age|10-20": 10
};
----index.js----
import Mock from "mockjs";
import test from "./test";
// 拦截/api/test/index的网址的请求
Mock.mock("/api/test/index", test);
----main.js----
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import action from "./directives/action";
import "./mock";
import "@/assets/styles/global.scss";
const app = createApp(App);
app.use(router);
app.use(store);
app.directive("action", action);
app.mount("#app");