vue怎么修改application/x-www-form-urlencoded

Posted 2023-04-23

参考技术A FORM元素的enctype属性指定了表单数据向服务器提交时所采用的编码类型，默认的缺省值是“application/x-www-form-urlencoded”。

然而，在向服务器发送大量的文本、包含非ASCII字符的文本或二进制数据时这种编码方式效率很低。

在文件上载时，所使用的编码类型应当是“multipart/form-data”，它既可以发送文本数据，也支持二进制数据上载。

Browser端表单的ENCTYPE属性值为multipart/form-data，它告诉我们传输的数据要用到多媒体传输协议，由于多媒体传输的都是大量的数据，所以规定上传文件必须是post方法，的type属性必须是file。本回答被提问者采纳

axios将数据请求格式修改为application/x-www-form-urlencoded

axios.defaults.headers[‘Content-Type‘] = ‘application/x-www-form-urlencoded;charset=UTF-8‘

axios.defaults.transformRequest = [data=> {
  let ret = ‘‘
  for (let it in data) {
    ret += encodeURIComponent(it) + ‘=‘ + encodeURIComponent(data[it]) + ‘&‘
  }
  return ret
}]