vue mockjs模拟数据使用

您所在的位置:网站首页 vue使用mockjs vue mockjs模拟数据使用

vue mockjs模拟数据使用

2023-04-20 06:23| 来源: 网络整理| 查看: 265

介绍

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

 



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3