vue2 0 mock資料 模擬資料

2021-08-20 16:21:55 字數 570 閱讀 1525

因為開發是前後端同步的,所以前端有時需要自己模擬資料。這裡是在vue2.0的vue-cli中模擬資料

我們在根目錄下新建資料夾mock,存放我們的資料goodlist.json

在build資料夾下的webpack.dev.config.js中:

// 引入各個檔案

const express = require('express')

const router = express.router()

const goodlistdata = require('../mock/goodlist.json')

//該**已經純在,我們是加入 before函式

const devwebpackconfig = merge(basewebpackconfig, )}},

})

這樣以來我們就可以通過http://localhost:8080/api/goodlist訪問資料

小程式mock模擬資料

1 安裝mock包 npm install shymean mock server g2 在專案根目錄下新建api資料夾,裡面新建 mock.js檔案,裡面放模擬的介面 mock.mock api test test.htm message success 3 進入 mock.js所在的資料夾,啟動...

node學習 Mock模擬資料

mockjs在前面我們已經了解過了,其主要作用就是模擬資料。如果我們自行開發專案時,需要配合一些資料,此時如果手動新增的話,太繁瑣。於是都會使用mockjs。這裡只要閱讀下mockjs官方文件即可了解mockjs的使用方法。首先需要npm install mockjs並引入 const mock r...

mock模擬資料並設計介面

import mock from mockjs 引入mock const random mock.random 設定全域性延時,沒有延時的話,有時候會檢測不到資料變化 mock.setup 建立乙個陣列用來接收模擬的資料 const mocklist const count 7 模擬生成7條資料 f...