Vue+Mock.js搭建前端独立开发环境

  1. 安装Mock

    npm i mockjs -s

  2. 创建Mock文件
    在main.js同级目录下创建一个Mock.js(可以任意起名)用来存放我们的数据欺骗代码

Mock.js

const Mock = require('mockjs')

Mock.mock('/register', function (options) {
  console.log(options)
  return Mock.mock({
    'number': '1'
  })
})

在这个文件里,我们就可以根据Mockjs的文档去拦截ajax请求,返回模拟数据,至于怎么做,看文档就行了,挺简单的

3.在main.js中引入需要模拟的数据
main.js

require('./mock')

4、这样子就配置好了,在需要发送请求的页面像往常一样发送请求,Mock.js会自动拦截请求并返回我们设置好的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值