<span class="tags-box artic-tag-box"><span class="label">标签：</span><a data-track-click="{&quot;mod&quot;:&quot;popu_626&quot;,&quot;con&quot;:&quot;mimt-type&quot;}" class="tag-link" href="http://so.csdn.net/so/search/s.do?q=mimt-type&amp;t=blog" target="_blank">mimt-type																</a><a data-track-click="{&quot;mod&quot;:&quot;popu_626&quot;,&quot;con&quot;:&quot;content-type&quot;}" class="tag-link" href="http://so.csdn.net/so/search/s.do?q=content-type&amp;t=blog" target="_blank">content-type																</a></span></div><div class="operating"></div></div></div>
</div>
<article class="baidu_pl"><div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post"><link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-d7e2a68c7c.css"><div class="htmledit_views" id="content_views">

很长一段时间没有搞清楚这两个到底是什么关系。

昨天网上搜索看到一个网友的留言豁然开朗，再次记录一下，同事感谢那位仁兄。抱歉找不到原地址了，这里就不贴了。

mimt-type说穿了其实指的就是文件后缀名。

你向web服务器请求一个文件，服务器会根据你的后缀名去匹配对应的值设置为response中content-type的值。

而content-type是正文媒体类型，游览器根据content-type的不同来分别处理你返回的东西。

举个栗子。

tomcat(版本为7)下的conf目录下有个web.xml

1156行开始有个节点为

  <mime-mapping>
        <extension>css</extension>
        <mime-type>text/css</mime-type>
    </mime-mapping>

我把这个节点修改为成这样

  <mime-mapping>
        <extension>css</extension>
        <mime-type>text/cssaa</mime-type>
    </mime-mapping>

那么我向tomcat7请求一个css文件之后抓包后的结果是这样的。

搞定。

再来整理下流程。

1.请求css文件。

2.web服务器看到后缀名为css，在对应的配置文件中寻找css的mimetype值。

3.当请求完成后设置content-type的值。

4.游览器根据content-type的值处理返回的文件。

				<script>(function(){function setArticleH(btnReadmore,posi){var winH = $(window).height();var articleBox = $("div.article_content");var artH = articleBox.height();if(artH > winH*posi){articleBox.css({'height':winH*posi+'px','overflow':'hidden'})btnReadmore.click(function(){if(typeof window.localStorage === "object" && typeof window.csdn.anonymousUserLimit === "object"){if(!window.csdn.anonymousUserLimit.judgment()){window.csdn.anonymousUserLimit.Jumplogin();return false;}else if(!currentUserName){window.csdn.anonymousUserLimit.updata();}}articleBox.removeAttr("style");$(this).parent().remove();})}else{btnReadmore.parent().remove();}}var btnReadmore = $("#btn-readmore");if(btnReadmore.length>0){if(currentUserName){setArticleH(btnReadmore,3);}else{setArticleH(btnReadmore,1.2);}}})()</script></article>