vue mockjs模擬數(shù)據(jù)使用
介紹
生成隨機(jī)數(shù)據(jù),攔截 Ajax 請(qǐng)求。
官網(wǎng):http://mockjs.com/
github:https://github.com/nuysoft/Mock
?
vue中使用
安裝
npm install mockjs?--save-dev
使用模擬數(shù)據(jù)
---- test.js----
export default {
? name: "@name", //隨機(jī)生成姓名
? "age|10-20": 10
};
----index.js----
import Mock from "mockjs";
import test from "./test";
// 攔截/api/test/index的網(wǎng)址的請(qǐng)求
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");
?
標(biāo)簽: