用户登录

在 Nuxt 框架里我们可以定义服务端应用的接口,这些接口可以放在项目的 server 目录的下面,在项目根目录下面新建一个目录,名字是 server,里面再创建一个 api 目录,在这个目录里的东西就是定义的服务端接口。

新建一个文件,名字是 greet.ts,这样这个接口的地址就会是 /api/greet。文件里默认导出一个处理器,用 defineEventHandler 返回这个处理器,提供一个函数,在这个函数里返回的东西就是请求接口的时候做出的响应。返回一个对象,里面添加一个 message 属性,对应的值是 您好 ~

在 HTTP 客户端可以测试一下这个应用接口,配置一下请求,方法先设置成 GET,地址是 http://localhost:3000/api/greet,发送一下这个请求,得到的响应是一个 JSON 数据,里面有个 message 属性,值是 您好 ~

再试一下,把请求用的方法换成 POST,再发送一下这个请求,得到了同样的响应。定义的接口如果需要支持特定的 HTTP 方法,可以在这个文件的名字里面加上方法的名字,比如 .get,这样这个接口就只能使用 GET 方法请求使用。

在 Insomnia 再试一下,用 POST 方法请求 /api/greet,提示找不到这个接口。把请求方法换成 GET,再发送一下这个请求,可以正常得到接口处理器提供的数据。

除了把接口放在 server/api 这个目录的下面以后,我们也可以放在 server/routes 目录的下在,区别是在 routes 目录里的接口地址里没有 api 前缀。

复制一下 server 下面的 api,改一下名字,换成 route。 然后在 Http 客户端,配置一个请求,地址是 localhost:3000/greet,发送请求,会得到一个响应,这个接口就是在 server/route 目录下面定义的。

在 Nuxt 应用里定义服务端应用接口《 Nuxt.js:应用路由 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点