nodejs系列:70.koa之koa-json-error-4

57 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第16天,点击查看活动详情

系列介绍

该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。

这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。

环境安装

实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。

以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。

nodejs安装

前言

在上一篇文章里nodejs系列:69.koa之koa-json-error-3,主要是完成了服务器端的代码。

前端和后端的代码都已经写完了,接下来,就可以进行前后端联调了。在前后端的联调中,看下koa-json-error这个中间件的效果怎么样。

实现

在cmd里,用node运行index.js文件

0001.png

服务器启动后,我们在浏览器打开index.html页面。

0002.png

看到前端页面后,我们先不在input输入框输入内容。直接点击button按钮,发送ajax请求。没有输入内容,发送的ajax请求的请求路径为/

我们在控制台的network里面可以看到,请求成功了

0003.png

查看请求的返回内容

0004.png

响应信息也返回了。

接着,我们在前端页面的input输入框里面,输入/login。然后点击button按钮,发送ajax请求。

此时,发送的ajax请求,它的请求路径为/login

0005.png

我们在控制台的network里面,查看请求

0006.png

请求失败了,返回400状态码

查看请求的返回内容

0007.png

在请求的返回内容里面,我们可以看到服务器端返回给到客户端的错误信息。这是因为,我们在服务器端,设置访问/login路径时,返回请求出错的错误信息。

小结

本小节,主要是进行了前后端的联调工作。

请求成功时,返回正常的响应内容给到客户端。接着,我们模拟了请求出错的情况。我们假设访问/login时,请求出错了,然后,把请求出错的错误信息返回给到客户端。

同时,也演示了koa-json-error这个中间件的作用。处理请求出错时,使用该中间件,把执行错误的信息,返回给到客户端。方便我们定位问题。

最后,放上自己比较喜欢的一句诗句:

千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》