Json模擬資料Mockjs

2021-09-03 02:48:42 字數 792 閱讀 4399

npm install mockjs
2.自己設計json結構data.json

3.在相同的路徑下建立mockserver.js

/* 使用mockjs提供mock資料介面 */

import mock from 'mockjs'

import data from './data.json'

// 返回goods的介面

mock.mock('/goods', )

// 返回ratings的介面

mock.mock('/ratings', )

// 返回info的介面

mock.mock('/info', )

4.在main.js裡面引入mockserver檔案

import './mock/mockserver.js'
5.ajax請求mockjs模擬的資料

/*

* 獲取商家資訊(下列請求由mock攔截並返回 不需要**,也就是不需要加/api的字首)

*/export const reqshopinfo = () => ajax('/info')

/*** 獲取商家評價陣列

*/export const reqshopratings = () => ajax('/ratings')

/*** 獲取商家商品陣列

*/export const reqshopgoods = () => ajax('/goods')

mockjs模擬資料請求

一般專案的方法 vue cli專案中 在src目錄裡面建立乙個utils mock.js 相關.vue檔案引用 import utils mock.js import axios from axios 另main.js引入import axios from axios 注意這點,使用 vue.pro...

vue cli中使用mockjs模擬資料

在日常開發中是否遇到過這種情況 在進行前後端分離開發的專案時,我們前端的頁面寫好了,但是後端的介面還差一點,這個時候我們只能等後端把介面實現好或者我們自己模擬一些假資料,無論那種方法都會浪費大量時間。好在mockjs很好的幫我們解決了這個煩惱。npm install mockjs新建乙個mock.j...

json模擬資料互動

在模擬前端與後台進行資料互動之前需先進行環境配置 部分 註冊驗證 if booluser boolpwd boolpwd1 booltel boolemail success function data else register input 0 value register input 0 def...