logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

自定义请求接口用的组合(useApiFetch)

  • 当请求后端接口时,需要设置一个基本的接口地址(h t b s n i note的网址)。
  • 可以在自定义的组合(如use a b i ftc)中设置一个统一的基地址。
  • 在use a b i ftc中,添加一个名为a p i的参数,其值为后端服务接口地址,类型为字符串或函数返回的字符串。
  • 使用use runtime config得到运行时配置的a p i base u r l。
  • 使用use fetch组合获取数据,将a p i值传入,并设置base u r l选项为a p i base u r l。
  • 在内容列表组件中,可以使用u c b i fh组合,提供一个函数返回接口地址,省去了设置基本地址的步骤。
  • 当配置值发生变化,可以使用新值重新获取列表数据。
  • 移除backward和forward中的refresh功能。
  • 测试显示,刷新内容列表页面后,仍会显示内容列表项目,并且点击下一页或上一页会根据新的配置重新请求特定页码的列表数据。