vue API 请求 400 Bad Request

于 2024-08-28 15:39:41 发布
阅读量164 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011308187/article/details/141641993
版权

原因分析：

GET请求:参数是带在url上的，必须使用params
POST请求:既可以使用params，也可以使用data(推荐，安全性高)
区别：data是放在body里，在url中看不见参数，但是使用params的话，参数在url里面是能够看见

示例一：前端 params 参数对应后端 get请求@GetMapping

示例二：前端 data 参数对应后端 post请求@PostMapping

譕痕
关注
axios的delete请求（有formdata参数）报错【400 (Bad Request)】
qq_37088317的博客
05-06 4730
在axios中，普通的post请求可以直接这样子： this.$axios.post('/api/login', qs.stringify({ phone: phone, psw: md5(psw)})) .then(response => { var res = response.data console.log(res) }).catch(()...
vue2.0_在vue中axios请求的封装和使用
QiuRenBB的博客
02-11 2271
首先 npm install axios 其次 在src目录下新建一个utils文件夹，我们的一些封装工具都可以放在这。 然后在utils文件夹下新建一个request.js文件，将aixos请求的封装写到里面： import axios from 'axios' import Qs from 'qs' import store from '@/store' import router from '@/router' import filterPath from '@/utils/filterPath'
解决Vue中POST请求报400错误的方法
最新发布
高性价比服务器就选：蓝易云
05-08 928
就像寿司师傅准备的食材是否鲜艳丰富、新鲜美味一样重要，Headers中的'Content-Type'必须与我们提交的数据类型匹配。同样的，这种错误常常发生在POST请求的数据格式与服务器期待的不匹配，或者请求结构本身就存在问题。进行认真的准备，仔细地对待每一步，关注细节，并始终遵守内在的规则。记得，我们都是寿司师傅，我们的代码就像是我们的寿司，它是我们工作的反映，让我们保持专注，负责任，业务熟练，就像处理任何一款寿司一样。所有的请求就是食材，在这个案例中，POST请求就像是新鲜的三文鱼。
【Vue3】发送post请求出现400 Bad Request 报错
m0_62811051的博客
11-20 9233
另外使用qs.stringify() 序列化以后，再调用接口，数据传输模式会自动改成 content-type = application/x-www-form-urlencoded ，这样就与后端一致。一般后端默认的内容类型是 application/x-www-form-urlencoded，而axios默认的是 applecation/json。前端提交的数据的字段名称或者字段类型和后端的实体类不一致，导致无法封装。在这里我的报错是因为前端请求头的content-type和后端不一致。
VUE和js请求接口400错误
learnworm的专栏
08-13 2523
在接口没有问题的情况下（通过postman可以验证） 通常是因为JS请求的数据类型与后端要求不一致，请求类型header处设置 headers: {'Content-Type':'multipart/form-data'} headers: {'Content-Type':'application/json'} headers: {'Content-Type':'application/x-www-form-urlencoded'} 选择你需要的方式 ...
vue中post请求报400的错误
as965874的博客
02-27 7490
首先上图 出现了400错误，一般是前后端交互的方法参数不一致，发生此错误需要仔细检查前端传递的参数数据的参数名、参数数目、参数类型是否与后端保持一致。 我看了我提交的参数和路径，和后台都一样，而且用ostman可以获取到数据，但在项目中获取不到，这是我开始的请求方法 查资料得知axios默认使用application/json格式来提交数据的，而Postman请求格式是application/x...
flask vue axios 发送post请求时400 bad request错误
qq_40746177的博客
03-18 804
前端使用vue,后端使用flask,使用axios发送请求.结果出现400 bad request的错误,请求没有到达后端.应该是请求体的格式问题.
Web api之post请求示例代码，亲测可用
09-28
return Request.CreateErrorResponse(HttpStatusCode.BadRequest, "无效的数据"); } // 假设我们正在创建一个新的用户 var newUser = new User { Name = value.name, Email = value.email }; // 这里可以...
记一次post请求参数太长导致的400报错
wangjiguoqudewo的博客
05-29 3152
背景：spring boot2.1.1 + vue2.6.11 + iview3.3.0 + axios0.18.1 这个接口是接收前台图文编辑器的内容，插入数据库，当接收图文内容的字段过长时，就抛出400 网上查了很多解决方案，都是从修改配置方面着手，试过如下： 还有说debug源码的，参数格式错的 …… 各种方法试过，大好青春浪费在试错上了。不说了，上答案： 只修改了传参方式，结果如下： 这里有一个关键，后台传参要用@RequestBody 至于原因我就不说了，小伙伴可以自行搜索vue da
C# .net 接收 vue resources 或者axios的post请求并解析成json的方法
02-28
return Content(HttpStatusCode.BadRequest, "Invalid JSON format."); } ``` 5. **跨域请求** 如果你的Vue应用和C# .NET服务不在同一个域下，你需要处理跨域问题。在ASP.NET Core中，可以在`Startup.cs`的`...
接口调用成功后端却一直返回404
Herman _java开发
04-04 612
通用控制器注解，适合构建传统 Web 应用，支持返回逻辑视图名或 ModelAndView 对象，由视图解析器渲染成 HTML 页面展示给用户。若需返回 JSON、XML 等数据，需配合 @ResponseBody 使用。但是前端控制台却报了 “xhr.js:245POST http://localhost:7777/api/login 404 (Not Found)”（如 JSON），不支持视图渲染。简化了数据传输，适用于前后端分离架构，后端仅提供 API 接口供前端消费。向后端发送post请求。
get请求400错误 vue_使用 vue.js 的 get/post请求错误出现以下字样，怎么解决？
weixin_32557787的博客
12-29 542
展开全部解决方法如下:完整的代码如下(遇到类型问题32313133353236313431303231363533e4b893e5b19e31333365633863的同学可以做个参考)：复制代码 代码如下:var querystring = require('querystring'), http = require('http');var data = querystring.stringif...
vue axios post报400，返回两次错误信息
sven_chen93的博客
04-05 1305
最近用vue 2.x + axios请求时，请求报400时，请求会报两次错误，相应拦截器会走两次，就是请求一次，相应拦截器会走两次；主要是只有请求报错时才会出现这个问题，请求200就不会出现问题。 之前把问题发到了思否上，现在整过来记录下 这是我在main.js里面设置的响应拦截器： axios.interceptors.response.use(function(res) { c...
vue http请求传递数组参数报400-Bad Request
m0_64047085的博客
12-08 682
【代码】vue http请求传递数组参数报400-Bad Request。
vue axios400 Bad Request问题解决
LoveMe_LoveMyDog的博客
06-07 8713
这个是我要传的对象 导出的方法 在组件中用到导出的方法，并传参 后台controller层的方法 报的400错误和后台控制套台的显示 这里说下什么是400错误，400问题，最大几率是出现了数据类型不一致的问题，这里我前端传的是一个json套json，但是我后台收的话，应该也是json套json。 我最大的错误就是没有好好去了解axios的data和params，这里补充下： axios中，params和data 因为params是添加到url的请求字符串中的，用于get请求。 而data是添加到请
vue axios post 请求415、400、500、404报错时
buchishutiao的博客
02-01 3333
后端参数使用了@RequestBody注解进行绑定，用了这个注解进行数据绑定，只能接受数据类型为 Content-Type类型为application/json。2.前台修改，设置Content-Type类型为application/json。写过两种传参方式：一种是直接将data中定义的数组传递。415错误的解释，服务器无法处理请求附带的媒体格式。1.后台修改，去掉@RequestBody注解。表示服务器错误，看看服务是否启动了。找不到页面，前端的端口号应该和后台端口号一致。
解决vue使用axios post 方法导出excel问题
曲径通幽
11-20 6597
此问题花了大半天时间解决，记录下以供查阅。 解决问题步骤如下： 1.使用axios中的post传递参数，后台导出excel数据。api接口调用如下： exportPosition(data) { let url = `${EXPORT_POSITION}`; return VueHttp.$http.post(url,data,{responseType: 'blob'}...
vue中post请求报400的解决
热门推荐
简廉的博客
04-19 1万+
因为默认数据格式为json,发请求时参数报错 通过以下方式修改数据格式即可 import qs from 'qs'; const data = { 'bar': 123 }; const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值