实践笔记——问题:axios上传文件参数为空

这篇实践笔记记录了在使用axios上传文件时遇到参数为空的解决过程。问题源于HTTP请求头content-type设置不当,解决方案是将content-type从application/json更改为multipart/form-data,并根据axios配置文档使用FormData。通过理解content-type的作用和常见类型,以及axios的配置要求,成功解决了文件上传问题。
摘要由CSDN通过智能技术生成

前言

写实践笔记的目的是:记录遇到的问题,并且从处理问题的过程中进行总结,最终形成方法论。

问题描述

使用axios进行文件上传时,出现参数为空的情况

解决过程

1. 网上寻找类似案例,结果方法众说云谈,没有有效的处理方案。

2. 冷静思考,从第一步中得到一些思路

(1)HTTP请求头content-type从application/json改为multipart/form-data;

(2)查看axios官方配置文档确认如何修改content-type

解决方法和知识

1. 了解content-type类型

定义:表示请求发送数据中的媒体类型信息。

写法:type/subtype(;parameter),例如: Content-Type: text/html;charset:utf-8; 

  1. type主类型,任意的字符串,如text,如果是*号代表所有;   
  2. subtype 子类型,任意的字符串,如html,如果是*号代表所有;   
  3. parameter 可选,一些参数,如charset参数。   

 常见的格式类型如下:

  •     text/html : HTML格式
  •     text/plain :纯文本
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值