logo

该视频仅会员有权观看

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

¥
199
/ 年

定制请求接口用的 HTTP 客户端(apiHttpClient)

  • 我们使用ng g s提供的fetch进行数据请求。
  • 可以定制自己的HTTP客户端来请求服务端接口,通过在app目录下新建service.ts文件。
  • 在该文件中,首先声明API HTTP client headers和一个设置headers用的setTsHeader方法,接受一个token作为可选参数。
  • setTsHeader方法用来处理authorization头部,根据token值设置或删除authorization属性。
  • 声明一个异步函数apiHttpClient,带有API地址和可选的请求配置参数。
  • 使用fetch发送请求,设置请求地址和headers,返回的response即请求结果。
  • 在post service中,将get post和get post by id方法改为使用apiHttpClient。
  • 删除顶部导入的app config,测试浏览器中内容列表和单独内容页面的显示,证明自定义HTTP客户端工作正常。