vue formdata请求_vue修改数据没有渲染到页面的原因

vue formdata请求_vue修改数据没有渲染到页面的原因longlonglongtimenosee,最近遇到个奇葩的问题来记录下,不知道有没有小伙伴和我一样崩溃过。写了三年代码,上传这么简单的功能。第一次遇到前端入参fromData请求接口报500的问题,百度了好多资料尝试也没有解决。后台一直说我前端的问题,于是debugger一步一步查。下面来看看报错代码的流程,用你们的丰富经验和火眼金睛帮忙看下到底错在哪里了?!本项目用的是vue-cli…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

long long long time no see,最近遇到个奇葩的问题来记录下,不知道有没有小伙伴和我一样崩溃过。写了三年代码,上传这么简单的功能。第一次遇到前端入参fromData请求接口报500的问题,百度了好多资料尝试也没有解决。后台一直说我前端的问题,于是debugger一步一步查。下面来看看报错代码的流程,用你们的丰富经验和火眼金睛帮忙看下到底错在哪里了?!本项目用的是vue-cli3脚手架搭建,vue-admin-template后台框架开发。

1.首先封装axios请求,如下图所示:

vue formdata请求_vue修改数据没有渲染到页面的原因

vue formdata请求_vue修改数据没有渲染到页面的原因

2.vue文件点击上传按钮,获取的file文件赋值给this.file…如下所示:

vue formdata请求_vue修改数据没有渲染到页面的原因

红框内容是formData的值,console.log(formData.get(“file”))

vue formdata请求_vue修改数据没有渲染到页面的原因

debugger后的axios请求如下:

vue formdata请求_vue修改数据没有渲染到页面的原因

此时的formData为空对象。

network请求接口没有formData入参,不知道具体是什么原因。。。

vue formdata请求_vue修改数据没有渲染到页面的原因

请求头以及请求参数和后台沟通了也是一致的。。所以这种情况一直报500无法接收到前端参数,你们知道什么问题吗??

next,换了一种请求方式,用的axios原生请求格式写了一版,终于看到久违的200 ==…

接下来贴出解决的方案:

vue formdata请求_vue修改数据没有渲染到页面的原因

vue formdata请求_vue修改数据没有渲染到页面的原因

方方的,这样就解决了上传接口的问题。如果帮助到你们也是很开心的,当然也希望路过的大神们看到我的问题,欢迎留言哈~

stay hungry,stay fooish!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/181402.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月16日 下午12:00
下一篇 2022年10月16日 下午12:00


相关推荐

  • APK签名流程详解

    APK签名流程详解本文最好对照我的APK签名解析示例进行阅读.示例中的关键文件说明:keys-存放签名公私钥的目录signed_logcat.apk-已经使用keys目录中的密钥签名后的apksigned_logcat-signed_logcat.apk解压出来的内容sign.cmd-对apk签名的批处理命令signapk.jar-java版本的apk签名工具

    2022年5月11日
    36
  • 什么是ER图?数据库ER图基础概念整理

    什么是ER图?数据库ER图基础概念整理前置知识概述:数据模型的基本概念模型就是对现实世界特征的模拟和抽象,数据模型是对现实世界数据特征的抽象。对于具体的模型人们并不陌生,如航模飞机、地图和建筑设计沙盘等都是具体的模型。最常用的数据模型分为概念数据模型和基本数据模型。1)概念数据模型概念数据模型也称为信息模型,是按用户的观点对数据和信息建模,是现实世界到信息世界的第一层抽象,强调其语义表达功能,易于用户理解,是用户和数据库设计人员交流的语言,主要用于数据库设计。这类模型中最著名的是实体联系模型,简称E-R模型。2)基本数据

    2022年6月21日
    46
  • SpringBoot优点

    SpringBoot优点快速创建独立运行的 Spring 项目以及与主流框架集成使用嵌入式的 Servlet 容器 应用无需打成 WAR 包 starters 自动依赖与版本控制大量的自动配置 简化开发 也可以修改默认值无需配置 XML 无代码生成 开箱即用准生产环境的运行时应用监控与云计算的天然集成看到 SpringBoot 这么多优点 是不是很想立刻上手呢 先不急 这里还是要提一下的 SpringBoot 入门很容易 不过想要精通还是有难度的 因为毕竟自动化帮我们把 Spring 全家桶集成的这么好 我们想要深入精通的话 必须要了解 Spri

    2026年3月18日
    2
  • ADRC例程

    ADRC例程ADRC优化fhan《自抗扰控制入门》自抗扰死忠粉ADRC.H#ifndef_ADRC_H_#define_ADRC_H_typedefstruct{/*****安排过度过程*******/floatx1;//跟踪微分期状态量floatx2;//跟踪微分期状态量微分项floatr;//时间尺度floath;//ADRC系统积分时间uint16N0;/…

    2022年5月12日
    77
  • 凭什么年入5亿美元?深度拆解 Midjourney 的业务和产品设计!

    凭什么年入5亿美元?深度拆解 Midjourney 的业务和产品设计!

    2026年3月15日
    3
  • 菜鸟实战UML——活动图

    菜鸟实战UML——活动图活动图活动图(activitydiagram)是阐明了业务用例实现的工作流程。业务工作流程说明了业务为向所服务的业务主角提供其所需要的价值而必须完成的工作,业务用例由一系列活动组成,他们共同为业务主角生成某些工件。工作流程通常包括一个基本的工作流程和一个或多个备选工作流程。工作流程的结构使用活动图来进行说明。用途活动图是UML用于对系统的动态行为建模的另一种常用工具,它描述活动的顺序,展现…

    2022年6月7日
    33

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号