表单提交详解

表单设置内容编码方式

1、application/x-www-form-urlencoded
get请求时候 提交 key1=value1&key2=value2
post formdata格式
2、multipart/form-data
文件和文字都可用post上传
文件和图片需要转成formdata格式,而不是对象的json格式
js中使用formdata，axios中使用qs包的qs.stringfiy()来转换成formdata格式

• 注意很多后端使用post请求，参数确是查询字符串，所以要向get请求那样拼接参数
  3、raw 文本格式
  text/plain： 纯文本
  text/xml ：传递xml语法格式的字符串
  text/html： 传递html字符串
  application/json ： 传递序列化后的 JSON 字符串。 （默认）
  最常用的是application/json，比较适合Restful接口的调用。
  URI和URL的区别比较与理解
  个人理解：
  URI：表示一个抽象地址(识别为一个资源)
  如：http://localhost:8080/1802765c-c84d-4c77-b226-611c36c74570
  URL:表示一个具体的地址
  如：http://localhost:8080/1802765c-c84d-4c77-b226-611c36c74570.jpg
  在开发中遇到的坑：
  将一个文件作为一个数组传到后台，后台返回的图片路径格式错误，不能正常显示；
  后将 文件拆开作为一个一个的对象上传；文件路径的属性名为uri。后成功
  image.png

this.imgList.forEach((val,index)=>{
                        let obj = {};
                        obj.name = "image"+index;
                        obj.uri = val;
                        files.push(obj);
                    })

注意

• 设置编码格式时，utf-8只在字符编码有效，图片以及其他格式文件，不能指定该编码格式，否者报错
• HTTP content-type 对照表