欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

axios请求方式content-type区别-------form Data(application/x-www-form-urlencode)和Request payload(applicati)

程序员文章站 2022-05-15 07:51:24
...
1.form格式,将Content-Type类型设置为application/x-www-form-urlencode,POST请求时将data序列化,提交的数据会按照 key1=val1&key2=val2 的方式进行编码,key 和 val 都进行了 URL 转码

axios请求方式content-type区别-------form Data(application/x-www-form-urlencode)和Request payload(applicati)
axios请求方式content-type区别-------form Data(application/x-www-form-urlencode)和Request payload(applicati)

// http request 拦截器
  instance.interceptors.request.use(
    config => {
      // POST传参序列化
      if (config.method === "post") {
        config.data = qs.stringify(config.data);
      }
      return config;
    },
    error => {
      return Promise.reject(error);
    }
  );
2、json格式,有时候后台需要body传送的是json数据,将Content-Type类型设置为application/json,注意POST请求时data不要序列化

axios请求方式content-type区别-------form Data(application/x-www-form-urlencode)和Request payload(applicati)

  headers: {
    "Content-Type": "application/json;"
  }

ps:

遇到一个bug ,就是返回的字段 页面展示正常 但是浏览器中的preview中显示字段乱码 这个时候让后台设置respons header中设置content-type

相关标签: 浏览器