技能经验拓展——利用fetch模拟ajax请求mock数据

在实际开发过程中，后端的接口往往不能及时部署在开发环境，所以需要我们搞一些mock数据，并且模拟Ajax请求数据，我们可以用fetch的形式来模拟。
第一步：在public文件夹下面创建一个json文件，在里面模拟写接口返回的data数据，如图所示

或者

第二步：在组件中要使用Ajax请求数据的地方，用fetch来模拟请求

//fetch里面直接是public里面你要请求的json文件名
fetch('/manlist.json')
.then(response=>response.json())
.then(result=>{
	console.log('11111111' , result)
})

可以看到，打印的result数据

这样我们就可以，利用这些“接口”数据进行后续操作了。