018 Vue專案生成模擬資料

開發過程中，與後端未搭建好聯調環境時，沒有資料。

此時前端無法進行測試，開發起來就比較頭疼了。

使用mockjs，攔截ajax請求，並且隨機生成和後端協商好的資料格式，

這樣即使服務端環境無法使用，前端也可以愉快的coding了。

接下來聊聊它的使用方法吧：

1、在專案中初始化mock.js

npm i mockjs

2、建立mock資料檔案

// 引入mock物件

import mock from 'mock';
// 模擬資料,mock()
/*此處的第乙個引數：為乙個正則，匹配的是介面字段；
第二個引數:攔截到請求該介面時，返回的資料；
*/mock.mock(/getproductlist/,
]})

import mock from './mock/mock'

4、資料介面請求

axios.post('getproductlist',).then(res=>).catch(err => )

本地部署easy mock生成模擬資料

easy mock 是乙個視覺化，並且能快速生成模擬資料的持久化服務 github 缺一不可，重點是版本對應 node.js v8.x,v10.x is not supported mongodb v3.4 redis v4.0 mongod version db version v3.4.20 r...

vue2 0 mock資料 模擬資料

因為開發是前後端同步的，所以前端有時需要自己模擬資料。這裡是在vue2.0的vue cli中模擬資料 我們在根目錄下新建資料夾mock，存放我們的資料goodlist.json 在build資料夾下的webpack.dev.config.js中 引入各個檔案 const express requir...

vue專案中在本地模擬資料，請求資料步驟

1.先將需要模擬的資料放入mock資料夾中 2.在build資料夾中，找到 webpack.dev.conf.js 我們需要在這個js檔案中配置json 第一步 const portfinder require portfinder 在後面加上 const express require expre...