vue-resource POST请求 报400错误解决方案

最新推荐文章于 2024-07-30 10:48:53 发布
最新推荐文章于 2024-07-30 10:48:53 发布
阅读量2.2w 收藏 3
点赞数 1
分类专栏： 前端笔记 文章标签： vue vue-resource Content-Type
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012632669/article/details/73823483
版权
本文介绍了在使用vue-resource进行POST请求时遇到400 Bad Request错误的问题，原因是Content-Type不匹配。AJAX默认Content-Type为application/x-www-form-urlencoded，而vue-resource默认为application/json。解决方案是在vue-resource的POST请求中设置emulateJSON选项为true，以发送application/x-www-form-urlencoded格式的数据，避免服务端拒绝请求。
摘要由CSDN通过智能技术生成

相关技术

SpringMVC

vue-resource

问题描述

使用ajax向后端发送POST请求成功，但是改用vue-resource发送POST请求一直出现400 Bad Request 错误，代码及错误如下：


后端代码
最低0.47元/天 解锁文章
LJConquer
关注
专栏目录
解决axios发送post请求返回400状态码的问题
10-18
今天小编就为大家分享一篇解决axios发送post请求返回400状态码的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue http put 请求入参报错400
周家大小姐
10-29 1105
明明传一个列表,发送请求出现多个相同的参数 传参请求 export function updateDataRole(data) { return http.put("/system/dataRole", data, "application/json") } 正确写法,把params改为data put(url, params, type) { const config = { method: "put", url: u.
vue3 封装request请求
最新发布
TjWpcxy的博客
07-30 1065
vue3 ts封装 request 请求
vue项目打包后运行报错400如何解决
08-15 930
昨天一个Vue项目打包后，今天测试，发现无论localhost还是服务器上都运行不了，报错如下： Failed to load resource: the server responded with a status of 400 (Bad Request) 网上搜索一圈，牛头不对马嘴的居多，向一前辈请教后，问题迎刃而解，现将方法分享如下： 其实超级简单！超级简单！超级简单！重要是...
vue项目打包填坑记1——vue项目打包后打开index.html页面显示空白，静态资源加载不到
WXY19951125的博客
07-28 1409
打包的的命令都很熟悉 npm run build 打包之后生成一个名为dist的文件夹，里面是打包后的项目文件和资源。但是，打开index.html文件后却显示一片空白 原因分析： config文件夹下index.js里面关于build的配置，有一个属性assetsPublicPath，默认是 '/'，意思是根目录，会从index.html所在硬盘的根目录找文件资源，自然是找不到，所以才会显示空白界面 解决办法： 只需要把assetsPublicPath属性改成 '...
vue 项目打包后静态资源加载不到的解决办法
only__Y的博客
10-31 3148
![在这里插入图片描述](https://img-blog.csdnimg.cn/img_convert/f0acff6bd4b44ee4eebc3ffcd723be46.png#pic_center
关于vue-resource报错450的解决方案
08-29
关于vue-resource报错450的解决方案 标题解释 本篇文章主要介绍了关于vue-resource报错450的解决方案。Vue-resource是一个基于Vue.js的HTTP请求库，用于处理AJAX请求。报错450是指在使用vue-resource时出现的...
Vue-resource实现ajax请求和跨域请求示例
08-31
2. POST请求，可传递数据： ```javascript this.$http.post('http://example.com/submit', { name: 'John Doe' }).then((response) => { // 处理成功响应 }, (response) => { // 处理失败响应 }); ``` 3. JSONP...
vue-resource
10-12
Vue.js 是一个流行的前端JavaScript框架，用于构建用户界面。...这个压缩包包含了vue-resource.js和vue-...在项目中，如果还在使用Vue-resource，建议考虑升级到更现代的解决方案，以获得更好的性能和长期的维护支持。
vue插件vue-resource的使用笔记（小结）
12-03
Vue-resource是Vue.js框架的一个插件，主要用于处理HTTP请求，如GET、POST等，它为Vue实例提供了一种方便的方式来与服务器进行数据交互。...遇到问题时，查阅官方文档、社区资源和搜索解决方案都能帮助我们解决问题。
浏览器状态码400并且OPTIONS请求跨域
weixin_41619409的博客
11-05 875
浏览器状态码400并且OPTIONS请求跨域1.SpringBoot项目跨域配置如下：2.但是对于一些特殊情况，虽然配置了跨域，但依然不好使，例如下面这种情况：[^problem] 1.SpringBoot项目跨域配置如下： @Configuration public class CorsConfiguration { @Bean public FilterRegistrationBean<CorsFilter> corsFilter() { UrlBasedCo
spring boot 跨域，options 400错误
QAQ_666666的博客
01-14 959
之前的跨域 都是 写在一个 filter 中： @Order(2) @WebFilter(filterName = "CrossDomainFilter",urlPatterns = "*/ /*") public class CrossDomainFilter extends OncePerRequestFilter { @Override protected void doFilter...
在vue项目中使用axios发送post请求出现400错误
upStar1的博客
07-28 1万+
在vue项目中使用axios发送post请求出现400错误的解决
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...
VUE项目加载速度慢，加载资源量大，带宽占用多，静态资源请求优化
qq519133962的博客
11-12 4485
VUE项目加载速度慢，加载资源量大，带宽占用多，解决方案 基于提高用户的访问体验，节约项目的运营成本，毕竟多1KB，1000人的并发带宽就要多占用1M，废话不多说，直接上正事。 1.router采用懒加载，这个应该都有的，vue-cli的时候，配置的router里面就有懒加载，就是访问哪个页面组件，就加载哪个页面的静态资源。但是这里面也有一个可以优化的点。vue-cli生成的项目，你访问首页的时候会发现，居然加载了其他页面的JS。优化的点就在这里，可以取消webpack的预加载。 module.export
vue项目部署到nginx服务器，静态资源不能加载问题的处理
qq_27474555的博客
11-06 6801
1、现象 部署到服务器，提示以下错误： GET http:/static/css/static/fonts/element-icons.535877f.woff net::ERR_ABORTED 404 (Not Found)2、原因 路径问题，开发环境系统会自动配置，而部署环境可能需要用户干预；3、解决办法 build/utils.js文件中添加publicPath路径，修改前： if (opt...
【Vue3】发送post请求出现400 Bad Request 报错
m0_62811051的博客
11-20 9140
另外使用qs.stringify() 序列化以后，再调用接口，数据传输模式会自动改成 content-type = application/x-www-form-urlencoded ，这样就与后端一致。一般后端默认的内容类型是 application/x-www-form-urlencoded，而axios默认的是 applecation/json。前端提交的数据的字段名称或者字段类型和后端的实体类不一致，导致无法封装。在这里我的报错是因为前端请求头的content-type和后端不一致。
SSM框架PUT请求前端报400,415,500
dying 搁浅
03-15 1508
问题Spring MVC设置@PutMapping前端该如何发送请求 ？ 例子： @ResponseBody @PutMapping("/update/{studentUsername}") public Msg updateStudent(Student student) String studentUsername){ studentService....
Vue.js实战：vue-resource深度解析与应用示例
3. **支持Promise API和URITemplates**：Promise是ES6中的异步编程解决方案，而URITemplates则允许动态构建URL，类似服务器端路由模板，提高了灵活性。 4. **提供拦截器（inteceptor）**：拦截器允许在请求发送前和...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值