在vue中如何使用mock

2021-10-10 09:57:29 字數 723 閱讀 4651

1.安裝mockjs

npm install mockjs
2.在src目錄下建立mock資料夾用來存放生成的資料,在mock資料夾中建立index.js用來作為檔案入口

在index.js中操作

// 首先引入mock

// const mock = require('mockjs')

import mock from

"mockjs"

//格式: mock.mock( url, post/get , 返回的資料);

mock.

mock

("/***/***/xx"

,"get"

,require

("./apimockjson/targettable.json"

))

3.在mock中建立json來作為模擬資料(具體配置可以參考文件)

,],\"success\":true}"

,"msg"

:"查詢成功",

"obj":]

}}

4.在vue的main.js中引入

if

(process.env.

node_env

==="development"

)

5.調取介面是直接呼叫建立的介面名即可

在vue專案中mock的使用

模擬後台介面,提供頁面需要的資料。使用例子 使用 mock var mock require mockjs var data mock.mock 輸出結果 console.log json stringify data 資料模板中的每個屬性由3部分構成 name rule value 屬性名 生成規...

在vue中如何使用layui

根據官網的文件,要在乙個html檔案下使用layui裡面的元件庫其實很簡單,但是在vue專案中使用該ui庫卻存在著很多坑,下面我們就詳細講解一下如何在vue cli搭建的專案下使用layui 在官網中我們可以看到他提到支援npm安裝,但是當我們安裝成功後,在main.js中引入時卻報並不能找到該模組...

在vue專案中, mock資料

1.在根目錄下建立 test 目錄,用來存放模擬的 json 資料,在 test 目錄下建立模擬的資料 data.json 檔案 2.在build目錄下的 dev server.js的檔案作如下更改 3.在.vue做請求,就可以成功獲取data.json的資料了,下面使用 axios 進行請求axi...