前后端分离,后台返回的数据前端没法写,怎么办?

售前免费咨询热线: 4 0 0 - 1 8 6 - 0 9 0 5
汇智资讯Huizhi information

当前位置:首页 »前后端分离,后台返回的数据前端没法写,怎么办?

前后端分离,后台返回的数据前端没法写,怎么办?

日期:2021-03-25 11:11:05 访问量: 来源:

在web日常开发中,虽然大多都是前后端分离的开发模式,但是还是会遇到一些前后端协调的问题。比如有时候前端页面已经开发好,后端接口却还在开发中,而我们有些样式又必须要有数据才能看效果,这时候该怎么办呢?

通常情况下,我们的做法是自己手动造一些假数据,但是当数据量大且需要考虑到各种极端情况时,这种自造假数据的方式显然不是最好的解决方法。那么,我们能不能让程序自己来随机产生一些符合一定规则的数据呢?

答案当然是肯定的。今天介绍的一款JS插件就是专门用来实现这个功能的,那就是 Mock.js,它可以用来批量模拟后端数据,并且可以按照我们自己设定的规则来随机产生,非常强大和实用!

一、用法示例

简单概述一下怎么使用

1)安装:npm i mock -S

2)创建mock文件夹及js文件

3)js文件内容:创建一个空数组,在写一个循环,在循环中创建Mock.mock对象,对应的mock属性格式

4)给出接口地址(地址随意点)、请求方式、定义的数组

5)最后曝光这个数组,再在main.js文件引入,Vue.use(**)挂载在Vue

6)这样axios请求接口地址就可以

代码示例:

 前后端分离

mock.js是用请求拦截的方式返回数据,因此当后端写好数据时,去掉拦截就可以无缝接入后端返回的数据,可以说是前后端分离开发的效率神器!

汇聚行业精英智慧

致力于高端IT技术人才培养

助力万千学员成就IT梦!

汇智动力

扫码关注 领取资料

www.hzdledu.cn

相关阅读Reading

全国热线:400-186-0905

总部热线:028-6547-1147

周一至周日9:30-24:00

我要咨询
汇智动力微信

汇智动力微信公众号