logo

该视频仅会员有权观看

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

¥
199
/ 年

在 Nuxt 应用里请求用户登录接口

  • 后端应用的登录接口使用POST方法。
  • 登录请求需要提供用户名和密码。
  • 之前定义的fetch组合函数被改造,添加options参数。
  • options参数类型设置为useABI fetchOptions,包含methodbody属性。
  • method为请求时使用的HTTP方法,类型为string,默认为POST。
  • body为请求主体,类型为record<string, any>
  • use fetch函数中使用展开操作符将options参数内容加入。
  • 在登录组件中定义login方法,并标记为异步。
  • 结构化并返回UCPI请求的结果。
  • 提供login请求接口地址,method设置为POST,body包含用户名name和密码password
  • 在测试登录时,输入用户名和密码,返回数据结构中包含用户ID、用户名和签发的令牌,密码错误会返回值为"no"。