Vue-cli3.0Mock數據使用

一、安裝 mockjs

npm install mockjs --save-dev

二、創建mockjs 配置文件

在 src下面創建 mock 文件夾 在其中創建 index.js data.js mock.js文件

index 文件用來對 mock 的配置，data 文件用來配置攔截 ajax 請求,回調返回的參數，mock 文件用來配置需要 mock 數據的接口

index.js

data.js

mock.js

mock 函數中的三個參數第一個參數為需要攔截的 api ,第二個參數為攔截方法的請求方式,第三個參數為返回的數據可以是 json 數據也可以是函數

三、配置main.js

在 mian.js 中加上

process.env.VUE_APP_MOCK === ‘true’ && require(’@/mock’)

當環境配置文件中的 VUE_APP_MOCK 為 true 時啟用 mock數據

mockjs: https://github.com/nuysoft/Mock/wiki/Syntax-Specification

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Vue-cli3.0Mock数据使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。