1、src下新建mock資料夾,mock資料夾下新建response目錄 ，造後台介面資料，輸出getuserinfo
import mock from 『mockjs』
const random = mock.random
export const getuserinfo = (options) =>
userinfo.push(template)
}2、mock下新建index.js
import mock from 『mockjs』
import from 『./response/user』
//第乙個引數介面路徑，第二個引數請求方式，第三個引數返回資料
const data = mock.mock(//getuser/, 『post』, getuserinfo)
// 設定響應延時
mock.setup()
export default data
3、vue元件中使用，用axios請求
import axios from 『axios』
//這裡的url和method和第二步中定義的一致
axios.request().then(res => ).catch(e => )
在vue專案中mock的使用
模擬後台介面，提供頁面需要的資料。使用例子 使用 mock var mock require mockjs var data mock.mock 輸出結果 console.log json stringify data 資料模板中的每個屬性由3部分構成 name rule value 屬性名 生成規...
vue 專案中使用mock假資料實現前後端分離
也是查了很多的資料，整理出來。實現了前後端的分離，用到的技術vue cli，webpack，node，json server。首先全域性安裝json server 1 cnpm i json server gview code 安裝好之後，修改配置檔案，config index.js proxyta...
在vue專案中, mock資料
1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...