vue axios400 Bad Request、axios415 Bad Request问题解决

于 2023-04-12 09:52:02 发布
阅读量1.2k 收藏 1
点赞数
文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_54348877/article/details/130099594
版权

使用api来连接前后端，报错

 前后端代码如下：

 

 请求头响应头如下：

 

 指路最后解决办法：

目录

 后续发现是login.js没写对，不用转换格式，改成这样就ok了

网上说是请求头响应头不一样，改掉

 

出现新报错：

 于是我打印了data看一下

 发现名字是乱码，而且请求参数不对，我用post请求应该是json的才对的

 后续发现是login.js没写对，不用转换格式，改成这样就ok了

 

 

连胜是我偶像
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
get请求400错误 vue_VUE 配置proxy代理后，前台报错400 bad request
weixin_42514432的博客
12-29 2905
问题描述使用vue-cli启动前台端口8080，本地eclipse启动后台端口8180，所以需要配置代理。按照CSDN的教程配置了代理，但是前台浏览器报错http://localhost:8080/api/springdemo/getUserByGet?userName=111 400 (Bad Request)，后台收不到消息。问题出现的环境背景及自己尝试过哪些方法实际上代理应该是成功的，因为浏...
axios的delete请求（有formdata参数）报错【400 (Bad Request)】
qq_37088317的博客
05-06 4656
在axios中，普通的post请求可以直接这样子： this.$axios.post('/api/login', qs.stringify({ phone: phone, psw: md5(psw)})) .then(response => { var res = response.data console.log(res) }).catch(()...
在vue项目中使用axios发送post请求出现400错误
upStar1的博客
07-28 1万+
在vue项目中使用axios发送post请求出现400错误的解决
前后端分离vue跨域，devServer配置proxy代理, post请求无法接收json格式参数报错400， Could not proxy request... ECONNRESET
可控的事情要谨慎，不可控的事情要乐观。
11-08 3362
1. 问题描述 先说下问题，项目后端是微型Python框架flask，前端是vue-element, 本地开发我配置的是proxy代理，代码如下： devServer: { port: port, open: true, overlay: { warnings: false, errors: true }, before: require('./mock/mock-server.js'), proxy: { // 本地使用代
配置好了跨域前端VUE报400的错
fkl978830065的博客
07-09 1544
今天遇到一个问题,配置好的跨域,但是报跨域的错误,最好耽误了好长时间,才发现,是参数不正确导致的,最后修改一下参数名就发送成功.
接口请求异常，状态码为400 – Bad Request
ice_kind的博客
11-26 7277
请求头过大 400-Bad Request异常
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
10-14
总之，Vue应用中遇到axios的OPTIONS预检请求问题，主要是由于CORS机制中的复杂跨域请求。通过与后端协调或调整请求头，可以有效地解决这个问题。同时，理解CORS的工作原理和Vue中axios的使用，对于优化前端开发流程...
vue axios 解决跨域问题CORS
07-08
本文将详细介绍如何利用Vue的配置和axios来解决这个问题。 首先，理解什么是CORS（Cross-Origin Resource Sharing，跨源资源共享）。CORS是W3C定义的一种标准，允许浏览器在发送请求时添加特定的头信息，以允许...
解决vue axios的封装 请求状态的错误提示问题
10-17
本文将详细讲解如何解决Vue与axios结合时，关于请求状态的错误提示问题。 首先，axios提供了拦截器（interceptors）功能，允许我们在请求发送前或响应接收后执行自定义逻辑。在Vue项目中，我们可以利用这个特性来...
解决Vue axios post请求,后台获取不到数据的问题方法
10-18
本文将详细讲解如何解决Vue axios POST请求时，后台获取不到数据的问题。 首先，让我们了解一下axios的基本用法。在Vue中，axios通常被用来发起异步请求，它支持Promise API，方便与Vue的Promise-based API集成。...
post请求返回400错误但是postman却调用成功
weixin_38441570的博客
03-07 9542
post请求返回400错误但是postman却调用成功 遇到一个很奇怪的问题，做一个http调用其他系统api的功能，代码写完后在本地测试一切正常，但是部署到服务器后post请求全部都400错误了 怀疑是参数格式错了，然后在日志里面把URL和参数复制出来在postman中调用测试，发现居然成功调用 然后以为请求工具类有问题，又在本地跑起来一遍，发现又是一切正常，那么代码应该没有问题才对 因为postman成功了所以地址和参数应该也没有问题，那么测试后也发现参数只有格式错了才会返回400错误 那么也就是说我的
在Vue项目中，用axios的get请求携带对象参数给后端发送请求会报400错误
qq_45228330的博客
03-05 2285
在Vue项目中，用axios的get请求携带对象参数给后端发送请求会报400错误 原因： axios的post请求默认数据格式是json,所以服务器可以正确解析。 但是get请求的默认格式是字符串，所以会报错400. 项目中的post和put请求都能够直接携带对象参数并被服务器正确解析。所以猜测put应该数据格式默认也是json. 解决方法： 1.安装Qs插件命令 参考链接: https://www.cnblogs.com/dudu123/p/10284503.html. 2.后端改成post携带对象参数
axios请求400错误解决方案
第一千行代码的博客
07-03 1万+
前端请求头的content-type和后端不一致，导致请求失败 var params = new URLSearchParams(); params.append('password', '123'); params.append('phone', '123'); this.$axios({ method: "post", url: "https://back.zhanchengwlk...
HTTP 400 错误 - 请求无效
VayneGG的博客
08-25 999
HTTP 400 错误 - 请求无效 (Bad request) 在ajax请求后台数据时有时会报 HTTP 400 错误 - 请求无效 (Bad request);出现这个请求无效报错说明请求没有进入到后台服务里； 原因： 1）前端提交数据的字段名称或者是字段类型和后台的实体类不一致，导致无法封装；           2）前端提交的到后台的数据应该是json字符串
问题 37 ： ajax 请求400 bad request的问题
To-nemy
07-10 1247
问题描述： 在使用ssm来写前后端分离的demo时，出现的这个错误，前端提交一直出现这个状态,两个相关状态如下： ajax 请求400 bad request: 说明是前端那边出问题了，是客户端的问题 ajax 请求500 Internal Server Error： 说明是后台出问题了，是服务器出现问题了。 解决办法： 关于400 问题 检查content-Type的类型是否和后台一致 ...
ajax传参到controller时报400 Bad Request
Mr_Gong_的博客
09-14 524
这个怪我眼瞎，之前弄了半天，我一直看成了404，我就很纳闷为什么会找不到页面，不应该！ controller里面我@RequestMapping有，@ResponseBody也有 后来发现是400！这个错误什么引起的呢？网上很多方法，我就不一一讲了，我说说我的在我的ajax的data里面有Date参数！ 于是乎，在controller不能直接收这个参数！会报400错误！后来加上一段代码@Ini
Http的Get/Post请求带有特殊字符，400 Bad Request解决方案
热门推荐
辉少的博客
11-04 2万+
今天做项目的时候，需要向服务器接口 传递 json参数，使用 apache 的 httpclient，当时没有对参数做特殊处理直接提交了，结果运行时报错了，如下： HTTP 400 Bad Request 后来在网上查资料找到原因了：HttpGet或 HttpPost都不能传包含 ” 、“{“、”}”这样的参数，需要对特殊字符进行转义，把 ” 转成%22，把 { 转成%7b，把 } 转成%7d
vue post400
最新发布
08-17
在Vue中使用post请求时，如果遇到400错误，有一些常见的原因和解决办法可以尝试。 首先，400错误通常表示请求的语法有问题，可能是因为请求参数不正确或不完整。根据你提供的引用内容，可能是因为没有将接口文档中的所有必需参数都正确传递给后端。后端可能需要你传递除了"data"和"name"之外的其他参数。因此，你需要仔细查看接口文档，并确保你传递了所有必需的参数。 另外，根据引用，你可以尝试使用qs.stringify()来序列化数据，并将请求的Content-Type设置为"application/x-www-form-urlencoded"，以使数据传输模式与后端一致。 另外，根据引用，如果你使用的是@RequestBody注解，应该使用"application/json"作为Content-Type；如果你使用的是@RequestParam注解，应该使用"application/x-www-form-urlencoded"作为Content-Type。请确保你在请求中正确设置了Content-Type。 综上所述，你可以尝试以下解决办法来解决Vue中post请求400错误的问题： 1. 确保你传递了接口文档中所有必需的参数。 2. 尝试使用qs.stringify()来序列化数据，并将请求的Content-Type设置为"application/x-www-form-urlencoded"。 3. 根据注解的类型，正确设置请求的Content-Type为"application/json"或"application/x-www-form-urlencoded"。 请根据你的具体情况和接口文档的要求进行调整和尝试。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [在vue项目中使用axios发送post请求出现400错误](https://blog.csdn.net/weixin_44320032/article/details/126035863)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【Vue3】发送post请求出现400 Bad Request 报错](https://blog.csdn.net/m0_62811051/article/details/127953881)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值