vue-axios的application/x-www-form-urlencod的post请求无法解析参数

最新推荐文章于 2023-08-12 13:06:13 发布
最新推荐文章于 2023-08-12 13:06:13 发布
阅读量915 收藏
点赞数
文章标签： vue axios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32448349/article/details/88292287
版权

axios默认是application/sjon

后台参数注解是@requestParm 所以不能接受json类型

解决办法一

添加方法注解@RequestBody

解决办法二：

npm isntall qs

vue-axios的post会先将对象转为json然后再根据headers的设置再转一次格式，可以将参数先用qs.stringify()转一次再传输

这样后台就能接受参数了

我俗人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目使用encode_vue项目小技巧记录（更新中。。）
weixin_30461595的博客
01-13 1115
最近的移动端项目用到的一些不常用的小技巧：直接上干货vue-cli3 中webpackServer代理首先，.env.development文件设置`VUE_APP_baseApi = /api`其次，vue.config.js文件设置devServer: {proxy: {'/api': {target: 'http://xxx/api',changeOrigin: true,ws: true,...
vue项目使用encode_vue 项目优化及常用配置
weixin_39623244的博客
12-22 967
环境变量设置.envVUE_APP_ID = "cf7f8802793b0b38d1c9161ef8a2ffa1"VUE_APP_TITLE = "运维管理系统".env.developmentNODE_ENV = "development"VUE_APP_API_URL = "http://127.0.0.1:13001".env.testingNODE_ENV = "testing"VUE_A...
Vue-axios-pubsub-js：基于vue-axios和利用pubsub-js实现组件通信的前相互作用案例
02-04
前言 本案例是调用GitHub官方提供的API，基于axios，pubsub-js实现一个演示，目的是让自己更加熟悉vue组件化开发思想，和前分离开发中调用接口来获取数据渲染页面。 本文最初发表在博客园，喜欢看博客的同学也可以前往--- 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view
Vue项目axios前端Post请求，后端Servlet解析不到
一只青年痴呆
01-18 1827
问题 前端为Vue项目发送Post请求，传输数据到后端。 后端为Tomcat-Servlet，通过request.getParameterMap()解析不到数据。 解析 经过分析和各种调试，发现前端发送的信息格式为Payload Data，该种格式为axios默认格式，以该格式传输数据，不能通过后端的Servlet的parameter所解析得到。 parameter对应的格式应为Form Data。 解决办法 思路 将传输的数据由 Payload Data 调整至 Form Data。 解决 添加下列代码至
axios中post中参数问题 --- form Data和Request payload
热门推荐
coding...
10-10 1万+
抛出问题： 在vue项目中使用axios发post请求时候，后台返回500。 发现是form Data 和 Request payload的问题。 后台对两者的处理方式不同，导致我们接收不到数据。   解决问题： 首先需要全局配置 axios.defaults.headers.post['Content-Type'] = 'Content-Type:application/x-ww...
【HTTP】(HTTP协议 HTTP 请求 (Request) URL HTTP 响应详解 通过form表单构造HTTP请求 通过ajax表单构造HTTP请求 HTTPS 加密 证书 )
m0_68800221的博客
08-12 1160
服务器(网站)在设立之初,就需要去专门的认证机构申请证书,审核通过就会给其颁发证书,服务器生成的公钥也就包含在这个证书中了,客户端像服务器请求公钥的时候,此时就不是请求单单一个公钥,而是把整个证书都请求过来.客户端拿到证书后,就可以对证书进行校验.如果发现证书是无效的,浏览器就会直接弹框警告.本质是浏览器给网页提供的本地存储数据的机制.网页默认是不允许访问你计算机的硬盘的.(保证安全).Cookie针对浏览器访问硬盘做出了明确的限制,Cookie就是通过键值对的方式来组织数据的.
网页中的表单
Java学不会的博客
05-15 1535
文章目录1、初识表单2、单选框3、多选框和按钮4、列表框文本域和文件域5、 搜索框滑块和简单验证6、表单的应用7、表单初级验证 1、初识表单 表单里每一个标签都应该带name属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <!-- 表
axios使用form-data传参方式解决参数格式不正确问题
qq_35946021的博客
04-27 4876
vue 中axios使用form-data传参方式，解决参数格式不正确问题
vue axios得到数据，因为异步原因，结果输出undefined处理
weixin_44168784的博客
08-03 5196
axios数据获取到，赋值为空
记一次VUE前端请求@RequestParm 400问题
积少成多
06-21 2112
从400的错误上，我们可以轻易的看出来，是参数有问题！可是前端说自己写法没有问题，后端说postman请求没有问题，开始扯皮。 @RequestMapping(value = "/getCountryByPinyin",method = RequestMethod.POST) @ResponseBody public List<CountryPOJO> ge...
vue-axios-interceptors：全局捕获和处理ajax响应
02-01
Vue-AXios拦截器 将Axios与Vue使用时，可以全局捕获和处理Ajax错误。 安装 npm install vue-axios-interceptors --save // or yarn add vue-axios-interceptors // Make sure you import this package after you've...
vue-axios的使用及其中get与post网络请求
06-23
本资源涉及服务器的搭建（利用node.js）与vue-axios中get与post网络请求的使用方法，同时，讲述了vue中如何实现跨域（配置转发的域），组件间通信等等，代码的分析较为详细，适合初学者。
Vue 设置axios请求格式为form-data的操作步骤
12-13
Cover 在Vue中使用axios 这个老生常谈了，还是先记录一遍，方面后面自己查。 !!! 设置form-data请求格式...axios封装了get方法，传入请求地址和请求参数，就可以了，同样支持Promise。 //不带参数的get请求 let url
VUE项目axios请求头更改Content-Type操作
10-15
主要介绍了VUE项目axios请求头更改Content-Type操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
axios中post请求传参失败常见问题(数据序列化处理)
weixin_53068161的博客
11-12 3069
axios中post请求数据序列化处理前言解决方法方法一：方法二：方法三（推荐）： 前言 后台能够直接处理的数据格式，是一种经过序列化的键值对数据； 注：axios的params是通过url传参（常用于get，所传的对象会自动序列化处理拼接到url上）；data 是放在 body 里面的（常用于post，传递的对象不会自动序列化处理） 解决方法 方法一： 使用new FormData()创建FormData对象传递参数 FormData对象会将数据编译成键值对，以便用XMLHttpRequest来发
html中的表单标签 - form
menglong0329的博客
03-11 277
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单标签</...
axios发送post请求后端SpringBoot无法解析问题
qq_56098414的博客
10-29 929
使用axios发送post请求时，默认发送格式为json，所以后端必须使用@RequestBody来接收，并且自动封装为后端对象， 但如果发送的post请求数据不值得封装为对象（如只发送分页数据page），便会显得冗余，此时可以将其封装为Map类型 若想通过@RequestParam()来接收，前端发送的数据必须为表单提交类型的键值对， 此时需要修改axios的默认配置headers为键值对类型 axios.post("/select",bookPage, {
前端通过form表单构造带参数url
weixin_30932215的博客
05-23 1226
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><form> <div class="col...
项目中axios发送 post 请求 数据类型为Form Data 数据时踩的坑（设置了请求头信息之后还未成功 但是发送过去的类型不对）解决方法
weixin_42409911的博客
03-04 2617
项目中post后端要求发送的数据放在formdata中， 那么第一件事情设置请求头信息，，现在用的很多封装的ajax库都可以设置请求头信息 这里以axios为例 axios({ url:this.dialog.add.upload_url, method:'post', data, headers:{ 'Content-Type':'applic...
vue post application/x-www-form-urlencoded传
最新发布
10-11
在Vue中使用POST请求发送application/x-www-form-urlencoded数据，你可以使用axios库来处理。 首先，确保你已经安装了axios。可以通过在终端中运行以下命令来安装它： ```shell npm install axios ``` 然后，在你...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值