开发时,模拟数据的三种方式.

在前端开发中,为了测试模块性能,通常需要模拟数据。本文介绍了三种方式:1) 创建本地JSON文件,注意vue-cli不同版本中静态文件的位置;2) 使用在线Mock平台如easy-mock生成并导入数据;3) 利用Mockjs在本地生成模拟数据。了解这些方法,能有效提升开发效率。
摘要由CSDN通过智能技术生成

在前端开发的时候,往往需要数据来测试模块的性能.
所以就需要模拟数据
模拟数据一般有三种,
第一种就是本地创建json文件
vue开发项目中,创建json文件一般放在静态文件夹里,
但因此也有一个隐藏的坑,
使用vuecli生成项目的时候会生成一个static文件夹,
本地mock数据就是放在这个文件夹里的.
用一下方法获得数据.

this.axios.get('/static/mock/user/login.json').then((res) => {
   
      this.res = res
    })

但是,在vue/cli 3.0以上的版本会发现没有static文件夹,反而多了一个public文件夹
mock数据就需要放在这个文件夹下
就需要这样引入

this.axios.get(
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值