Http请求中的Content-Type

这篇具有很好参考价值的文章主要介绍了Http请求中的Content-Type。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.场景

前阵子公司接回了一个旧的项目,刚开始的时候没有注意看前端设置的content-type,然后与后端同事进行接口联调的时候就,有时候发现数据就是对不上,后面看了一下代码中的axios请求相关设置,才发现是自己走坑了!主要是在请求拦截和响应拦截这块的处理,请求拦截这块是设置了默认的请求content-type是使用application/x-www-form-urlencoded

2.学习

基本概念

content-type既会出现在http请求的请求头中,也会出现在响应头上。当出现在在请求头的时候,作用是告诉服务器实际发送什么类型的数据。当出现在响应头的时候,服务器告诉客户端返回了什么类型的数据。

3.实际运用

一般情况下,我们可以在请求拦截中设置默认的请求content-type,如下面,如果你在定义请求的没有指定content-type,那么会走这个请求拦截的时候会设置默认的content-type,这里设置为application/x-www-form-urlencoded,这时候,如果后端要求前端传递的数据类型是application/json,那就回导致你发送给后端同事的数据类型和他想接受的数据类型是不一致的!因此,这个默认的设置一般要跟后台同时协商来定(我这里是因为后台项目是由两个人开发的,刚开始那个的开发吸管是使用application/x-www-form-urlencoded,后面的同时习惯用application/json)

前端修改content-type,Vue,大数据

 接着,我尝试把这个默认改成application/json的时候,之前开发的一些模块就会出错了,因为之前模块的请求content-type是需要以application/x-www-form-urlencoded的方式发送的。当然,如果你还想要以application/json的数据类型发送给后端怎么办呢?下面举例说明使用axios使用post请求,执行请求头的content-type为application/json格式,请求参数放在body中

前端修改content-type,Vue,大数据

结果:

前端修改content-type,Vue,大数据

 前端修改content-type,Vue,大数据文章来源地址https://www.toymoban.com/news/detail-527988.html

到了这里,关于Http请求中的Content-Type的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • http请求头Content-Type的值为text/plain报错415解决方案

    问题描述:http请求报错415,经过了解主要是请求头Content-Type的值为text/plain,为了方便演示,创建一个测试类 测试类 如果请求的请求头是text/plain,则会报错,错误码415 具体报错 解决方案很简单,直接用字符串接收参数就行,示例代码

    2024年02月15日
    浏览(60)
  • 详解Http的Content-Type

    目录 1.概述 2.常用类型 2.1.application/x-www-form-urllencoded 2.2.application/json 3.Spring MVC支持的编码 3.1.实验 3.2.适配器 3.3.自定义适配器 HTTP(HyperText Transfer Protocol),超文本传输协议。超文本(Hypertext)是一种结构化的文本,其中包含了超链接(Hyperlink)的能力,通过超链接可以在不

    2024年02月09日
    浏览(39)
  • 前端篇-Content-Type 详解

    Content-Type(MediaType),即是Internet Media Type,互联网媒体类型,也叫做MIME类型。在互联网中有成百上千中不同的数据类型,HTTP在传输数据对象时会为他们打上称为MIME的数据格式标签,用于区分数据类型。最初MIME是用于电子邮件系统的,后来HTTP也采用了这一方案。 在HTTP协议

    2024年04月27日
    浏览(49)
  • Http Content-type 对照表

    文件扩展名 Content-Type(Mime-Type) 文件扩展名 Content-Type(Mime-Type) .*( 二进制流,不知道下载文件类型) application/octet-stream .tif image/tiff .001 application/x-001 .301 application/x-301 .323 text/h323 .906 application/x-906 .907 drawing/907 .a11 application/x-a11 .acp audio/x-mei-aac .ai application/postscript .aif audio/aiff

    2024年02月09日
    浏览(44)
  • HTTP的Content-type 和 responseType

    后端返回字节流,前端进行图片下载时遇到了问题,定位花了不少时间,本文再次记录梳理下  XMLHttpRequest本身支持responseType 允许我们手动的设置返回数据的类型 \\\'\\\' responseType 为空字符串时,采用默认类型 DOMString,与设置为 text 相同。 arraybuffer response 是一个包含二进制数据的

    2024年01月22日
    浏览(38)
  • 前端知识~Content-Type和Accept

    Content-Type和Accept是两个HTTP标头(HTTP headers),用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 Content-Type: Content-Type 是HTTP请求头或响应头的一部分,用于指示HTTP消息主体(请求或响应体)的媒体类

    2024年02月10日
    浏览(39)
  • HTTP content-type内容类型的常见格式

    本专栏是汇集了一些HTML常常被遗忘的知识,这里算是温故而知新,往往这些零碎的知识点,在你开发中能起到炸惊效果。我们每个人都没有过目不忘,过久不忘的本事,就让这一点点知识慢慢渗透你的脑海。 本专栏的风格是力求简洁明了。 Content-Type(内容类型),一般是指

    2024年02月04日
    浏览(57)
  • 关于Axios发送Get请求无法添加Content-Type

    在拦截器中尝试给headers添加Content-Type: 如果是GET请求,会发现请求头中无论如何加不上Content-Type,查看源码: 如果data未定义则会将Content-Type设置为null; 那么修改data,也是从网上查到的: 普通GET请求可以正常添加Content-Type,但是如果需要将Content-Type改成“multipart/form-data”

    2024年02月04日
    浏览(49)
  • HTPP入门教程||HTTP 状态码||HTTP content-type

    当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含 HTTP 状态码的信息头(server header)用以响应浏览器的请求。 HTTP 状态码的英文为  HTTP Status Code 。。 下面是常见的 HTTP 状态码: 200

    2024年02月16日
    浏览(49)
  • axios请求头设置常见Content-Type和对应参数的处理

    首先要明确的一点是,我们在项目中调用接口,通常是以对象的数据格式传给自己封装的http请求函数的。 现在的前后端分离项目基本上都是使用的这个进行数据传递。 axios默认Content-type是采用application/json;charset=UTF-8,无需设置直接把对象传进去即可 当然, 也可以在请求拦截

    2023年04月09日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包