axios通过post向后端node传值为空的问题

最新推荐文章于 2022-10-29 10:50:17 发布
最新推荐文章于 2022-10-29 10:50:17 发布
阅读量512 收藏
点赞数
分类专栏： 前端 node 文章标签： node.js vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36766666/article/details/114876998
版权

axios通过post向后端node传值为空的问题

环境

前端：通过表单调用axios的post的方法，向后端发起请求。
后端： nodejs+ express，接受前端请求数据

问题所在

前端向后端请求时，前端数据是正确的，但是后端接收到的数据是空的，根据网络上那些博文，加入qs啥啥的，都没能解决，后来重新在Express官网中发现req.query适用于get方法，并不适用post方法。
在这里插入图片描述
我们改用req.body来请求，问题解决！

在这里插入图片描述
总结：post请求后端应该用body来获取参数或者其他的方法，而不用query来获取。

码中之农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中使用nodejs接口向后台post传参，后端无法获取参数问题
weixin_48862362的博客
05-26 1565
后台是node+express框架 ，配置如下： //导入express模块 const express = require('express') const bodyParser = require('body-parser') //创建express服务器实例 const app = express() const joi = require('joi') //导入cors中间件 const cors = require('cors') //将cors注册为全局中间件 app.use(cors(
nodejs+vue2,前端成功向后端发post请求，但req.body为空
weixin_52417514的博客
02-04 205
node小白过关记
vue 路由传参params和query
烎烎的博客
04-06 702
大家都知道vue的路由传参有两种query和params，但是前面的是用name还是用path，也许大家容易记混了，今天来帮大家梳理下 1：首先看来query 1.1： path: <li @click="goHrefQuery('/index2')">子组件index2</li> goHrefQuery(pageIndex){ this.$ro...
使用axios提交数据到node本地服务，本地获取不到数据
zhangqling的博客
09-06 620
首先，提交数据后，打开控制台，显示状态为200，点击数据也发送过去了，express服务怎么获取不到数据呢？ 原来是axios在内部自动帮我们转换json格式数据, 也就是说，我们的 Content-Type 变成了 application/json;charset=utf-8 然后，因为我们的参数是 JSON 对象，axios 帮我们做了一个 stringify 的处理。 而axios 使...
node后台获取不到前端提交的post数据
u013035708的博客
04-24 4041
遇到的问题中，使用了以下几个解决： 1、body-parser 处理不同类型的请求体：text、json、urlencoded、buffer等，对应的报文主体的格式不同。 处理不同的编码：utf8、gbk等。 处理不同的压缩类型：gzip、deflare等。 var bodyParser = require('body-parser'); //bodyParser中...
Vue-axios-post数据后端接不到问题解决
10-15
本文将详细讲解一个常见的问题——Vue项目中使用axios发送POST请求，但后端无法接收到数据的问题及解决方案。这个问题通常涉及到前端请求的格式设置、后端接口的接收兼容性以及浏览器的兼容性问题。 首先，问题的...
解决axios post 后端无法接收数据的问题
10-16
在开发Web应用时，前端与后端的数据交互是至关重要的，而使用axios库进行POST请求时，有时会遇到后端无法接收到发送的数据的问题。这个问题通常由多种原因引起，但最常见的原因是数据格式不正确或者跨域策略未配置好...
[ vue ] axios 发送 POST 请求，后端不能通过 HttpServletRequest 获取参数
01-03
文章目录项目环境部分实现代码遇到的问题解决方案说明 项目环境 SpringBoot 1.5 Shiro 权限管理 vue / axios 部分实现代码 public Result admLogin(HttpServletRequest request, HttpServletResponse response, ...
vue前端+node后台的聊天项目（socket，socket.io-client），前端传的数据为什么后端接收不到
AshleyXM的博客
03-30 815
ps：以下仅记录个人经验，有些表述可能不够严谨。 最近在学习vue，用socket实现一个聊天项目，前端用的vue，后台用的node。然后出现了一个难解的bug：前端emit的数据，后台on函数怎么也接收不到，无法触发on函数里的回调函数。 找bug找了三天，给我整抑郁了，一直觉得是自己的代码有问题，浏览器的F12调试找不出原因， 终端也没提示报错信息，加断点也没效果，最后一想是不是库的版本有问题，果然就是！ 一搜索，发现一篇博客（博客地址）的博主有着类似问题，这个博主是用python做后台的。然后我更加坚
axios发送get请求,node后台接收不到参数（已解决）
weixin_57677300的博客
10-29 3459
params是添加到url的请求字符串中的，用于get请求带参数。data是添加到请求体（body）中的， 用于post请求带参数。
axios-post方法传参，后端收到为空问题
Wu_JingYi0829的博客
10-14 1347
后面查看postman才发现，我的后端编写的参数格式是x-www-form-urlencoded，所以将请求参数做封装：qs.stringfy(data)出现的问题是：状态码一直显示200，请求却说我登录不成功。于是回到node代码中发现后端根本没有接收到参数。
关于vue- axios的post请求到后台数据为空的两种解决方法
热门推荐
yezongzhen的博客
03-02 1万+
在vue里面的这种情况是默认使用get方式传值到后台，当你数据过大的时候，会导致你的拼接长度有限。 然后稍微改成这样: 这样就会使得与后台的交互方式为POST请求。但是出现了后台接到的值为空的现象。后面对比ajax发现axios传值，再具体观察控制台发现 ajax方式： 一个Request Payload，一个Form Data。 将Request Payload...
axios 发送post请求后端参数为空 解决
n009ww的博客
07-24 4192
问题描述 axios发送post请求到后端的springboot接口，接口是通的，但是获取到的参数都为null 如：发送name:"csdn" 后端接收到的name就是null 解决办法 axios.post(url, qs.stringify(data),{headers: {'Content-Type': 'application/x-www-form-urlencoded'}}...
Vue使用axios的post请求nodejs接收数据req.body为空
weixin_58057048的博客
03-14 3657
最近自己写Nodejs后台接口程序时，发现在vue中发axios的post请求数据时后端的express中的req.body收到的是一个空对象 前端vue组件中写的登录请求函数:后端的代码和接收的数据： 我们发现后端接收返回的是一个空对象，最后再次经过查找资料得出： 如果使用了express搭建后端服务器，而且使用cors解决前端请求跨域问题，和配置joi的表单验证，每次向api提交的表单数据，都会先经过表单验证的中间件，也就是前端发过来的JSON没办法解析，而body-parser是一个HT..
【vue.js--axios.post发送表单数据传给后台是空对象的问题解决】
Mrchai521的博客
03-21 3036
此处用对象形式传数据，而官方文档中说明了：默认情况下，会把数据对象转成JSON格式传给服务端，传的数据格式应该是字符串格式 name=cxf&gender=男 官方文档：https://www.npmjs.com/package/axios login(){ let { username,password } = this; this.axios.post('/user/login...
axios传递，node后台无法接受参数，但是能返回数据的报错
斗师——Ace
08-22 635
添加小程序，兑换各种视频教程/数据资源。 解决axios传参格式不对：node不能准确接受到参数的问题： var qs = require('qs'); axios.post('http://127.0.0.1:3001/login', qs.stringify({ 'uname': "Ace" ,'upwd':"123456"})); ...
前端传参了但是到了后端为null_使用axios传递参数，后端接收为null
weixin_32073537的博客
01-15 3424
使用axios传递参数，后端接收为null使用axios传递参数，后端接收为null[var1]1、请求如下：请求接口'/login'，有用户名和密码两个参数。const res = await this.$http.post('login',{username:this.loginForm.username,password:this.loginForm.password})(1)postm...
关于vue 中 axios 向 node 发送请求参数接收不到处理方法
Cang_Ye的博客
03-21 579
axios 请求参数后台就收不到 解决办法 今天遇到的这个问题 ，插了半半天的资料，他们讲的是天花乱坠 ，好多好多种方法，然后我一个一个去尝试，结果没有一个能用的好的。 小声逼逼：‘可能是我太菜了’ 最后实在没办法了，不能不做啊，只能 综合 一下 一点点修改着去尝试。 最后功夫不负有心人，终于给我摸索出来了。 不多比比直接上代码： 请求代码： 封装的 api (就是把参数部分封装了一下) import axios from "axios"; import qs from "qs"; const $http=
axios 发 get或post 请求，node.js后端接收不到参数问题
weixin_43286092的博客
06-12 1936
文章目录官方说明：Get方式正确传参，node.js后端获取参数Post方式正确传参，node.js后端获取参数 官方说明： axios会帮我们 转换请求数据和响应数据 以及 自动转换 JSON 数据 在 axios 源码中发现下面这段内容：（很关键） Get方式正确传参，node.js后端获取参数 axios请求方式： 注意： 请求的参数写法是 { params: {orderId: this.orderId }} axios.get("/users/orderDetail",
axios修改数据，后端node.js示例
最新发布
03-23
以下是一个简单的 Node.js 后端示例，演示如何使用 axios 修改数据： ```javascript const axios = require('axios'); axios.patch('https://example.com/api/data/1', { name: 'New Name', age: 30 }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); ``` 在这个示例中，我们使用 axios 的 `patch` 方法向 `https://example.com/api/data/1` 发送一个 PATCH 请求，修改 ID 为 1 的数据的名称和年龄。如果请求成功，我们将打印出响应数据；如果请求失败，我们将打印出错误信息。 请注意，这只是一个简单的示例，实际应用中可能需要更多的错误处理和数据验证。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值