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

原创于 2019-06-20 19:35:22 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#浏览器

工作记录专栏收录该内容

6 篇文章

订阅专栏

博客介绍了POST请求的两种数据格式，form格式需将Content-Type设为application/x-www-form-urlencode并序列化data，json格式则将Content-Type设为application/json且data不序列化。还提到遇到浏览器preview字段乱码时，可让后台在respons header中设置content-type。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

在这里插入图片描述

// 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不要序列化

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

ps:

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