logo

该视频仅会员有权观看

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

¥
199
/ 年

在 Nuxt 应用里定义带参数的应用接口

  • 在Nex应用中可以通过使用方括号命名文件来定义带有地址参数的服务端接口。
  • server/apm下的great目录中,创建一个路由文件index.get.ts
  • 可通过复制路由文件并更改其名称(例如:[name].get.ts)来设置路由参数。
  • 打开这个文件,在处理器中添加event参数,这个参数是h3event类型,属于Nex框架的h3 HTTP框架。
  • event参数包含context,可以解构出context中的primes属性,用于获取接口地址参数。
  • 在处理器中,将context内的name参数解构出来,并在响应消息中使用这个name参数自定义消息内容。
  • 最后,可以在HTTP客户端通过发起请求到本地地址localhost:3333/great/王皓来测试接口,其中王皓是路由地址参数name的值。
  • 请求的响应将是一个包含message属性的JSON数据,其值包含路由参数的值。