vue formdata请求_vue修改数据没有渲染到页面的原因
long long long time no see,最近遇到个奇葩的问题来记录下,不知道有没有小伙伴和我一样崩溃过。写了三年代码,上传这么简单的功能。第一次遇到前端入参fromData请求接口报500的问题,百度了好多资料尝试也没有解决。后台一直说我前端的问题,于是debugger一步一步查。下面来看看报错代码的流程,用你们的丰富经验和火眼金睛帮忙看下到底错在哪里了?!本项目用的是vue-cli3脚手架搭建,vue-admin-template后台框架开发。
1.首先封装axios请求,如下图所示:
2.vue文件点击上传按钮,获取的file文件赋值给this.file…如下所示:
红框内容是formData的值,console.log(formData.get(“file”))
debugger后的axios请求如下:
此时的formData为空对象。
network请求接口没有formData入参,不知道具体是什么原因。。。
请求头以及请求参数和后台沟通了也是一致的。。所以这种情况一直报500无法接收到前端参数,你们知道什么问题吗??
next,换了一种请求方式,用的axios原生请求格式写了一版,终于看到久违的200 ==…
接下来贴出解决的方案:
方方的,这样就解决了上传接口的问题。如果帮助到你们也是很开心的,当然也希望路过的大神们看到我的问题,欢迎留言哈~
stay hungry,stay fooish!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/181402.html原文链接:https://javaforall.cn
相关文章
- Vue通过axios发送ajax请求
- Vue单项数据绑定绑定原理简单实现
- 基于vue的简单轻便的开源图片预览组件
- vue 刷新保存数据_vuex数据何时清除
- vue md5.js_VUE.js
- vue数据双向绑定原理-complie
- VUE 初学者基础知识
- vue的双向绑定原理及实现_vue的数据绑定怎么实现
- vue 富文本插件_前端富文本编辑器插件
- vue父组件调用子组件属性_vue子组件获取父组件实例
- vue强制刷新页面方法_vue页面回退不刷新
- 使用 Vue.js Devtools 扩展作为 Vue 应用调试工具
- Vue学习笔记之ElementUI的区间设置
- Vue 实现前后端分离,安全连接 MSSQL 数据库(vue 连接mssql)
- Vue.js 与MySQL结合,打造高效Web应用程序(vue.js mysql)
- Vue实现Redis订阅消息的实现方案(vue 订阅redis)
- 构建基于Vue与Redis的高性能缓存系统(VUE redis缓存)