记录:解决vue axios post后台接收不到数据

最新推荐文章于 2024-09-02 16:58:24 发布
最新推荐文章于 2024-09-02 16:58:24 发布
阅读量2.6k 收藏 6
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ydz157/article/details/124388961
版权

vue 前端

参考的博主给了好几种解决方案，我使用的是Qs，并修改请求头的方式；

主要原因就是axios内部的post方法进行了JSON.stringify转化，导致参数格式不一致。

1.在请求封装的方法里引入Qs

import Qs from 'qs'

2.修改请求头为

headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8'}

3.在axios请求里将参数使用Qs转换

data: Qs.stringify(params),

大工告成！

完整代码截图

 

参考博客:

博客参考https://www.csdn.net/tags/MtTagg2sODA3NDgtYmxvZwO0O0OO0O0O.html

Vue axios post 传参数，后台接收不到数据为 null
weixin_44180190的博客
11-25 748
由于axios默认发送数据时，数据格式是Request Payload，而并非我们常用的Form Data格式，后端未必能正常获取到，所以在发送之前，需要使用qs模块对其进行处理 nmp install qs --save axios 本身自带了 qs 不用再引入了 在main.js 中引入，声明全局 import qs from 'qs' Vue.prototype.$qs = qs 在 post 请求中 使用 async getTest3() { const { data: res } =
基于vue.js：axios增加的自定义header(token)，后端getRequest()取不到？
weixin_34301132的博客
02-23 3081
前端采用axios提交数据，采用拦截方式设置header信息 浏览器显示也是成功添加进去了 后端使用getRequest()来获取自定义header中的token 反正一直就是拿不到token, 在后端根本找不到这个键（token），前端返回401 仔细看了一会儿发现，浏览器将CORS请求分为两类：简单请求（simple request）和非简单请求（not-simple-request...
解决Vue axios post请求,后台获取不到数据的问题方法
01-19
最近做项目，需要用到vue,后台是php,第一次使用axios进行请求，本以为同ajax一样，会很简单，但是结果往往不让人满意啊，get请求很简单，这里就不说了，主要说下 post请求方式。 使用axios进行post请求，后台居然接收不到数据，这就纳闷了，于是网上一顿搜索，现在将所用的解决办法给大家说下： 1.new URLSearchParams方式 起初使用params.append(“属性名”：属性值)的方式，对于简单的数据传递这样是没有问题的，后台可以正常接收数据，但我发现一个问题，不知道大家有没有遇到过，当传递数据里含有数组时，你会发现传到后台的是字符串的形式 arr:a1,b1,
转 axios 发 post 请求，后端接收不到参数的解决方案
六种鱼的博客
06-27 1374
转自 https://blog.csdn.net/csdn_yudong/article/details/79668655问题场景问题原因要点1要点2问题分析解决方案解决方案一解决方案二解决方案三解决方案四解决方案五解决方案六问题场景场景很简单，就是一个正常 axios post 请求：axios({ headers: { 'deviceCode': 'A95ZEF1-47...
后端接收不到参数
最新发布
qq_44417140的博客
09-02 161
我遇到的一种情况是，由于实体类运用的lombok注解，因此导致如果参数的前两个字符有大写的字符就会导致getter和setter方法找不到对应的属性值。但其实不是lombok的问题，因为用idea生成的方法也是获取不到。2.给字段添加注解@JsonProperty(value = "XXX")
Vue axios 发 post 请求后台接收不到参数的两种种解决方案：
肖的博客
12-07 9175
最近用vue做项目使用axios发送post请求时遇到了前端传数据后端接收不到的情况： 代码： 后来仔细对比ajax发现axios传值是这样的： 而ajax传值是这样的： 一个Request Payload，一个Form Data。 将Request Payload 转为Form Data格式就可以了，有三种方式： 一、使用qs（推荐） 首先在你的项目里安装qs模块： npm install...
vue axios 回调后data中数据取不到
weixin_45000761的博客
06-28 3820
造成axios取不到值得原因主要是this回调问题。当你执行完函数function时，this指向放生变化。导致this指向函数体本身。这时this.data里的数据取不到。简单直接的解决就是把function写成箭头函数形式，箭头函数不是构造函数，不会指定this，而是抓取上下文this作为自己的this。从而解决本问题。下面上代码： 错误示例： import axios from ‘axios...
解决vue中post方式提交数据后台无法接收的问题
10-18
在Vue.js应用中，POST方式提交数据到后台时，可能会遇到数据无法被后台正确接收的问题。这通常是由于数据格式不正确或与后端接口的预期格式不匹配导致的。本文将详细探讨这个问题，并提供解决方案。 首先，理解POST...
vue axios解决后台没法收到数据的问题
ColourfulTiger的博客
06-18 1393
之前有一篇文章中由于没有测试后台数据这一块，现在这篇为前一篇的补充，主要是解决数据通过ajax的传输问题，以及后台怎样获取到前端通过data传过去的值的问题。     首先用axios来写ajax形式的传输代码    （1）使用input中的v-model来赋值      var username = this.user;      var password = this.pass;      t...
vue --- axios发post请求后台接收不到参数的三种解决方案
wangchaoqi1985的博客
01-16 305
vue --- axios发post请求后台接收不到参数的三种解决方案
vue axios发送请求后端接收不到token(JWT)
Sakura0FF的博客
04-15 2369
使用Axios时，会发送options 请求 http分为复杂请求和简单请求 当浏览器认为是简单请求时则不会发送options请求，反之会先发送一个options预请求，然后才会发送复杂请求。 满足以下条件的请求是简单请求： 请求方式：GET、POST、HEAD 请求的header里不能超出以下几种字段： Accept Accept-Language Content-Language Last-Event-ID Content-Type Content-Type 的值 只限于以下三种： a
Vue使用axios发送post请求，后端无法接收怎么处理？（Djnago后台）
热门推荐
AlexGeek
09-29 2万+
今天终于解决了一个困扰很久的问题，在使用Vue进行前端项目的搭建时，通常采用axios作为数据传输的工具，我们会发现，使用get请求一切都正常，但是使用post请求，会发生一些奇怪的事情。这次我使用的是python的web框架django，但道理都是一样的，我们可以通过修改前端来处理，也可以通过修改后端来处理。 一、我们先用GET方法写一个小小的登陆请求： 下面是Vue前端的...
VUE Axios上传文件，使用FormData,后端接收不到参数
liuhagen的专栏
01-19 4463
VUE Axios上传文件，使用FormData， 设置的参数，后端总是接收不到参数。经过网上查找，分一下两者情况。 请求头中没有boundry， 后端找不到文件参数。 最后的排查原因是：Axios封装后，请求头和参数在过滤器中没有正确被使用。 解决办法是用Axios.create创建实例： let instance= axios.create({ baseURL: 'baseUrl', data: form1, header...
vue使用axios发送post，后端无法接收问题
Touale的博客
03-01 916
关乎vue的axios问题 最初用axios作为一个post发送，发送代码如下： axiosN .post(path,data) .then(response => { console.log(response.data) this.dialogFormVisible = false this.$notify({ title: "提示", message: response.data.msg, type: response.dat
vue --- axios发post请求后台接收不到参数的三种解决方案
weixin_34015860的博客
01-16 1332
最近用vue 做项目使用axios 发送post 请求时遇到了前端传数据后端接收不到的情况： 后来仔细对比发现axios传值是这样的： 而 ajax 传值是这样的： 一个 Request Payload , 一个Form data. 将Request payload 转为 from data 格式就可以了。有四种方式： 一：使用qs(推荐) 首先在你的项目里安装q...
Vue3 + element-plus + axios 文件传不到后端的问题
m0_73179389的博客
06-07 313
搜的解决方案是，使用axios发送请求的时候，在请求头中加上'Content-Type': 'multipart/form-data'（较新版本的axios会自己判断），我加了之后也没解决，在弄了好长一段时间后，想起来自己在封装了一层request，用于token的校验。这里的请求头中的 "Content-Type": "application/json"，无论在外面修改成怎么样，它的content-type都是 “applicantion-json”，所以后端也就收不到发送的请求。
在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。
weixin_46286150的博客
04-06 2623
在Vue中使用axios发送post请求时，可能会出现后端无法接收到参数的情况。这个问题的原因是axios默认发送的请求是json格式的，而后端接收的请求是form表单格式的，这就导致后端无法获取json格式的请求参数。解决这个问题可以通过设置axios的请求头部信息，将请求格式设置为form表单格式。这样，在Vue中需要引入api文件夹下的users.js文件，然后调用对应的函数即可发送请求。这样设置后就可以正常发送post请求了，后端也可以正确接收到参数了。
在不使用ajax的情况下，如何通过Vue模型将数据发送到后台
06-12
const url = '后台接收数据的URL'; this.$http.post(url, data) .then(response => { // 处理响应结果 }) .catch(error => { // 处理错误 }); } } ``` 3. 在Vue模板中调用该方法 ```html 发送数据 ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值