当前位置: 首页 > 网络应用技术

NUXT3中的服务器路由的使用

时间:2023-03-07 23:18:24 网络应用技术

  最近学习NUXT3,可以在学习过程中可以提及的中国文档并不是很多人。今天,我正在学习今天的服务器路线的使用。我也希望我能得到一些新入学的学习者的参考。如果有问题,欢迎您纠正它。

  NUXT3在后端服务器中引入了Nitro框架。有兴趣的朋友可以搬到官方网站以了解和学习。就个人而言,我感觉与Nodejs框架中的Express和Koa相似,但它可能更轻。

  在创建API之前,我们首先需要在根目录中创建服务器目录。NUXT3将在目录,路由目录和中间件目录中自动检索API目录,并根据这些目录中的文件名自动创建相应的API。

  例如,如果我们要创建API/Hello API,首先,我们需要在服务器目录中创建API目录并在API目录中创建Hello.ts。

  注意:每个文件都需要导出一个名为DefineEventHandler的函数,以便我们可以在代码中以这种方式调用。通过DefineEventHandler,您可以以JSON格式返回数据,您也可以返回承诺,也可以使用事件。res.end()直接返回。

  通过在服务器/API目录中创建文件,NUXT将自动生成访问路径,例如/api/fileName.ister.ister.ishis path,我们可以在服务器目录中创建路由目录并在此目录中创建相应的文件。

  在这一点上,我们可以直接使用它来访问,它是否方便?

  如果您想在NUXT3中使用中间件,那么我们需要

  中间软件处理程序将在每个API路由之前应用,可用于增加路由检测,增加请求标头信息或记录请求日志,或者可以用于扩展与相应通信相对应的事件请求

  服务器路由可以处理动态路由,并在文件名的中间使用中型括号。这类似于前端动态路由,例如服务器/api/hello- [name] .ts。访问动态路由参数可以通过event.context.paramsobject访问。

  可以以这种方式调用代码

  上面创建的路由都是对GET方法的访问。如果我们想在帖子,put,删除和其他方法中创建请求处理功能,我们应该如何操作?

  我们可以创建带有文件名的相应的HTTP方法。

  上面的两个文件使用.get和.post后缀,因此在代码请求中,您只能使用相应的get和发布模式进行请求。如果将其更改为其他方式,请直接将404错误返回404错误

  在邮政请求中,某些参数通常会通过请求主体传递。

  参数的前端可以通过以下方式传递

  注意:目前,我们创建了一个提交。寄存器文件来处理邮政请求。目前,我们可以使用usebody从前端接收请求参数。但是,如果我们通过获取GET方法来问API,那么接口将抛出R HTTP错误

  例如:

  以上是在NUXT3中使用接口API和路由中间件的方法。还有一些嵌入式路线和流处理方法(也在实验阶段)。有兴趣的朋友可以移动官方文档以发现服务器路线

  原始:https://juejin.cn/post/7100117991102087182