nuxt+koa2中的post请求使用koabodyparser反而报错？

作者：安静2502917547 | 来源：互联网 | 2023-06-23 10:47

准备用nuxt+koa搭建一个网站。在使用POST请求的时候，发现后台获取不到数据。然后根据网上的说法，使用了koa-bodyparser。然后问题就来了。

后台代码

1
2
3
4

const bodyParser = require("koa-bodyparser");

const app = new Koa();

app.use(convert(bodyParser({})));

app.use(navi.routes()).use(navi.allowedMethods());

1
2
3

router.post("/additem", async ctx => {

return (ctx.body = { code: 200, result: "添加成功" });

});

前端代码

1
2
3
4
5
6
7
8

this.$axios.post("/api/navi/additem", {

name: "this.name",

password: "this.password"

})

.then(res => {

console.log(res);

})

.catch();

后台报错

请求状态，请求失败（failed)

我尝试使用postman请求，居然是可以的。没有报错。我发现请求进入koa-bodyparser后，一直到了这句代码，这下我就抓瞎了。就很奇怪这个问题？

1	const str = await raw(inflate(req), opts);

推荐阅读

process
C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨

本文探讨了C++异步编程中获取线程执行结果的方法与技巧，并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型，本文详细介绍了如何高效地处理多线程任务，确保程序的稳定性和性能。同时，文章还结合实际案例，展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]

蜡笔小新 2024-11-09 15:14:28
string
利用 Node.js 和 Express（4.x 及以上版本）构建高效文件上传功能

本文介绍了如何使用 Node.js 和 Express（4.x 及以上版本）构建高效的文件上传功能。通过引入 `multer` 中间件，可以轻松实现文件上传。首先，需要通过 `npm install multer` 安装该中间件。接着，在 Express 应用中配置 `multer`，以处理多部分表单数据。本文详细讲解了 `multer` 的基本用法和高级配置，帮助开发者快速搭建稳定可靠的文件上传服务。 ... [详细]

蜡笔小新 2024-11-11 18:02:17
export
Vue.js 前端框架中使用 vuei18n 实现多语言支持的详细指南

本文详细介绍了在 Vue.js 前端框架中集成 vue-i18n 插件以实现多语言支持的方法。通过具体的配置步骤和示例代码，帮助开发者快速掌握如何在项目中实现国际化功能，提升用户体验。同时，文章还探讨了常见的多语言切换问题及解决方案，为开发人员提供了实用的参考。 ... [详细]

蜡笔小新 2024-11-05 20:00:42
case
深入理解 React 项目中的 Redux 中间件及其应用

在深入研究 React 项目的过程中，特别是在探索 react-router 源码时，我发现了其中蕴含的中间件概念。这激发了我对中间件的进一步思考与整理。本文将详细探讨 Redux 中间件的原理及其在实际项目中的应用，帮助读者更好地理解和使用这一强大工具。通过具体示例和代码解析，我们将揭示中间件如何提升应用的状态管理和异步操作处理能力。 ... [详细]

蜡笔小新 2024-11-05 18:41:01
string
Mongoose E11000 错误：集合中出现重复键问题分析与解决

Mongoose E11000 错误：集合中出现重复键问题分析与解决 ... [详细]

蜡笔小新 2024-10-29 14:44:29
string
Vue 3 中 setup() 函数的正确 TypeScript 类型

本文介绍了如何在 Vue 3 组合 API 中正确设置 setup() 函数的 TypeScript 类型，以避免隐式 any 类型的问题。 ... [详细]

蜡笔小新 2024-11-13 13:55:22
string
Flutter 2.* 路由管理详解

本文详细介绍了 Flutter 2.* 中的路由管理机制，包括路由的基本概念、MaterialPageRoute 的使用、Navigator 的操作方法、路由传值、命名路由及其注册、路由钩子等。 ... [详细]

蜡笔小新 2024-11-13 13:45:49
export
深入浅出 webpack 系列（二）：实现 PostCSS 代码的编译与优化

在前一篇文章中，我们探讨了如何通过基础配置使 Webpack 完成 ES6 代码的编译。本文将深入讲解如何利用 Webpack 实现 PostCSS 代码的编译与优化，包括配置相关插件和加载器，以提升开发效率和代码质量。我们将详细介绍每个步骤，并提供实用示例，帮助读者更好地理解和应用这些技术。 ... [详细]

蜡笔小新 2024-11-10 08:43:39
buffer
深入解析Android 4.4中的Fence机制及其应用

在Android 4.4中，Fence机制是处理缓冲区交换和同步问题的关键技术。该机制广泛应用于生产者-消费者模式中，确保了不同组件之间高效、安全的数据传输。通过深入解析Fence机制的工作原理和应用场景，本文探讨了其在系统性能优化和资源管理中的重要作用。 ... [详细]

蜡笔小新 2024-11-09 19:30:27
process
理解和优化进程与线程状态转换机制

在Cisco IOS XR系统中，存在提供服务的服务器和使用这些服务的客户端。本文深入探讨了进程与线程状态转换机制，分析了其在系统性能优化中的关键作用，并提出了改进措施，以提高系统的响应速度和资源利用率。通过详细研究状态转换的各个环节，本文为开发人员和系统管理员提供了实用的指导，旨在提升整体系统效率和稳定性。 ... [详细]

蜡笔小新 2024-11-09 18:33:35
string
PHP预处理常量详解：如何定义与使用常量

PHP预处理常量详解：如何定义与使用常量 ... [详细]

蜡笔小新 2024-11-09 11:31:23
string
深入解析ES6 Promise方法及其应用场景

在深入研究 UniApp 封装请求时，发现其请求 API 方法中使用了 `then` 和 `catch` 函数。通过详细分析，了解到这些函数是 Promise 对象的核心组成部分。Promise 是一种用于处理异步操作的结果的标准化方式，它提供了一种更清晰、更可控的方法来管理复杂的异步流程。本文将详细介绍 Promise 的基本概念、结构和常见应用场景，帮助开发者更好地理解和使用这一强大的工具。 ... [详细]

蜡笔小新 2024-11-08 13:00:20
string
JavaScript数组去重方法详解与实践

本文详细探讨了JavaScript中数组去重的各种方法，并通过实际代码示例进行了深入解析。文章首先介绍了几种常见的去重技术，包括使用Set对象、过滤方法和双重循环等。每种方法都附有具体的实现代码，帮助读者更好地理解和应用这些技术。此外，文中还讨论了不同方法在性能上的优劣，为开发者提供了实用的参考。 ... [详细]

蜡笔小新 2024-11-08 12:28:54
process
Vue应用预渲染技术详解与实践

Vue应用预渲染技术详解与实践 ... [详细]

蜡笔小新 2024-11-07 13:12:35
export
Egg.js 中间件详解与应用实例

Egg.js 的中间件机制与 Koa 类似，均采用洋葱模型。每当开发一个中间件时，就像是在洋葱外增加了一层。本文将通过一个简单的中间件示例，详细介绍 Egg.js 中间件的编写方法及其应用场景，帮助读者更好地理解和使用这一功能。 ... [详细]

蜡笔小新 2024-11-02 11:45:50

安静2502917547

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章