在前端开发中，我们经常需要使用 Axios 库发送 HTTP 请求，而 Koa2 作为一款 Node.js 的 Web 开发框架，也是广受欢迎的。但在使用 Axios 发送 post 请求时，有时会遇到返回 401 错误的情况，本文将介绍如何解决这个问题。
问题分析
在发送 post 请求时，Axios 默认会将数据以 JSON 格式发送，而 Koa2 默认情况下并不支持解析 JSON 数据，这就导致了 401 错误的出现。因此，我们需要在 Koa2 中增加对 JSON 数据的解析支持。
解决方案
在 Koa2 中，我们可以使用 koa-bodyparser 中间件来解析请求体中的 JSON 数据。
安装 koa-bodyparser
首先需要安装 koa-bodyparser：
npm install koa-bodyparser --save
引入 koa-bodyparser
在 Koa2 应用中引入 koa-bodyparser：
const Koa = require('koa');
const bodyParser = require('koa-bodyparser');
const app = new Koa();
app.use(bodyParser());修改 Axios 请求配置
在 Axios 请求配置中，我们需要将请求头中的 Content-Type 设置为 application/json，同时将发送的数据转换成 JSON 格式：
-- -------------------- ---- -------
-------
------- -------
---- -------------
-------- -
--------------- ------------------
--
----- ----------------
--------- --------
--------- --------
--
----------- -- -
----------------------
------------ -- -
-----------------
---示例代码
以下是一个完整的示例代码：
-- -------------------- ---- -------
----- --- - ---------------
----- ---------- - --------------------------
----- ----- - -----------------
----- --- - --- ------
----------------------
------------- ----- ----- -- -
-- ------------------- --- ------- -
------------------------------
-------- - -
-------- ----
--
- ---- -
-------- - -
-------- ------
-------- -------- ------- -------
--
-
---
---------------- -- -- -
------------------- -- ------- -- ------------------------
---
-------
------- -------
---- ------------------------
-------- -
--------------- ------------------
--
----- ----------------
--------- --------
--------- --------
--
----------- -- -
----------------------
------------ -- -
-----------------
---总结
本文介绍了在 Koa2 中使用 Axios 发送 post 请求返回 401 错误的解决方案，即使用 koa-bodyparser 中间件来解析请求体中的 JSON 数据，并在 Axios 请求配置中将请求头中的 Content-Type 设置为 application/json，同时将发送的数据转换成 JSON 格式。希望本文能够对你解决类似问题有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65cd65acadd4f0e0ff6a1570