json数据如何使用?mockjs来辅助!

//json数据设置完之后需要搭配mockjs
//mockjs的作用 ====  拦截ajax请求返回随机数据

//npm install mockjs --save


//文件夹mock  shuju.json   mockServer.js

import Mock from 'mockjs'

//加载json文件得到的是js对象/数组 不需要自己去 JSON.parse(data)

import data from './shuju.json'

//模拟后台接口====拦截ajax请求

Mock.mock('pathUrl',{code:1,data:data.key1})
Mock.mock('pathUrl2',{code:1,data:data.key2})
Mock.mock('pathUrl3',{code:1,data:data.key3})





在入口文件main.js需要引入而且要在api/index.js里面写对应的ajax请求(按照自己配置的url接口)

//只需要webpack打包
import 'mock/mockServer.js'


//对应的ajax请求函数   一般在api/index.js
export const reqAjax1 = () =>ajax('pathurl')
export const reqAjax2 = () =>ajax('pathurl2')
export const reqAjax3 = () =>ajax('pathurl3')

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值