欢迎光临散文网 会员登陆 & 注册

vue mockjs模拟数据使用

2023-04-17 09:28 作者:小户编程  | 我要投稿

介绍

生成随机数据,拦截 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");


 



vue mockjs模拟数据使用的评论 (共 条)

分享到微博请遵守国家法律