在前端開(kāi)發(fā)中，和后臺我們經(jīng)常需要與后端進(jìn)行數據交互，實(shí)現數據實(shí)例有時(shí)候，模擬為了保證前后端分離的發(fā)送分享架構下，后端接口的和后臺開(kāi)發(fā)和測試不會(huì )影響到前端代碼，我們需要使用模擬數據來(lái)替代真實(shí)的實(shí)現數據實(shí)ヾ(′?｀)?例后臺數據，這時(shí)候，模擬我們可以使用Express和Mock.js這兩個(gè)工具來(lái)實(shí)現模擬后臺數據發(fā)送功能。發(fā)送分享
Express是實(shí)現數據實(shí)例一個(gè)基于Node.js平臺的極簡(jiǎn)、靈活的模擬Web應用開(kāi)發(fā)框架，它提供了一系列強大的發(fā)送分享功能，幫助我們快速搭建Web應用，??和后臺Express的實(shí)現數據實(shí)例主要特點(diǎn)有：簡(jiǎn)潔、高效、模擬靈活、易用等。
Mock.js是一個(gè)基于JavaScript的模擬HTTP請求??庫，它??可以幫助我???們在前端開(kāi)發(fā)中模擬后臺數據發(fā)送功能，Mock.js的主要特點(diǎn)有(you)：簡(jiǎn)單、易用、支持多種模擬方式等。
1. 安裝Express和Mock.js??
我們需要安裝Express和Mock.js，可以通過(guò)npm(Node.js包管理器)來(lái)安裝，在命令行中輸入以下命令：
npm install express mockjs --save
2. 創(chuàng )建一個(gè)Express應用
接下來(lái)，我們需要創(chuàng )建一個(gè)Express應??用，新建一個(gè)名為app.js的(′▽?zhuān)?文件，然后在文件中編寫(xiě)如下代碼：
const express = require('express');const app = express();const port = 3000;app.listen(port, () => { console.log(`Server is running at(′?｀) http://localhost:${ port}`);});3. 引入Mock.j??ヾ(＾-＾)ノs并配置路由
在app.js文件中，我們需要引入Mock.js庫，并配置一個(gè)路由用于處理模擬數據的請求，在文件末尾添加以下代碼：
const Mock = require('mockjs')(??-)?;const router = express.Router()(O_O);// 模擬數據接口router.get('/api/data', (req, res)ヾ(′?｀)? => { const data = Mock.mock({ 'list|5': [{ // 生成5條數據記錄 'id|+1': 1, // id??從1開(kāi)始遞增 'name': '@cname', // 姓名隨機生成 'age|18-6??0': 1, // 年齡在18-60之間隨機??生成 'email'??: '@email', // 郵箱隨機生成 }], }); res.json(data);});4. 將路由掛載到應用上
const apiRo??uter = require('./api'); // 引入api路由文件(jian)app.use('/api', apiRouter); // 將路由掛(′?｀)載到/api路徑下1. 如何使用Mock.js生成指定格式的模擬數據？
答：可以使用Mock.mock()方法的第二個(gè)參數來(lái)指定模擬數據的格式，如果我們想要生成指定數量的對象列表，可以這樣寫(xiě)：`Mock.mock({ list: [{(?⊿?) id: 1, name: ‘張三’ }, { id: 2, name(T_T): ̵(?Д?)6;李四’ }] })`，如果我們想要生(sheng)成指定數量的數組元素，可以這樣寫(xiě)：`Mock.mock([{ id: 1, name: ‘張三’ }, { id: 2, name: ‘李四’ }])`，更多關(guān)于Mock.js的使用方法，可ヽ(′▽?zhuān)?ノ以參考官方文檔：-started.html#overview-of-mockjs-and-when-to-use-it-with-other-libraries。
