当前位置:

nginx配置前端页面样式错乱

访客 2024-01-05 938 0

描述:页面部署成功了,也可以正常访问,样式文件也都加载完成,但是页面样式错乱。

原因:nginx少了一项配置

解决方案:在nginx根目录中添加如下代码:/etc/nginx/nginx.conf

include/etc/nginx/mime.types;

mime.types分析:MIME-type和Content-Type的关系:
当web服务器收到静态的资源文件请求时,依据请求文件的后缀名在服务器的MIME配置文件中找到对应的MIMEType,再根据MIMEType设置HTTPResponse的Content-Type,然后浏览器根据Content-Type的值处理文件。

什么是MIME-TYPE:
为什么这么说呢?首先,我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有HTML、有XML、有GIF、还有Flash…
那么,浏览器是如何区分它们,绝对什么内容用什么形式来显示呢?答案是MIMEType,也就是该资源的媒体类型。
媒体类型通常是通过HTTP协议,由Web服务器告知浏览器的,更准确地说,是通过Content-Type来表示的,例如:
Content-Type:text/HTML
表示内容是text/HTML类型,也就是超文本文件。为什么是“text/HTML”而不是“HTML/text”或者别的什么?MIMEType不是个人指定的,是经过ietf组织协商,以RFC的形式作为建议的标准发布在网上的,大多数的Web服务器和用户代理都会支持这个规范(顺便说一句,Email附件的类型也是通过MIMEType指定的)。
通常只有一些在互联网上获得广泛应用的格式才会获得一个MIMEType,如果是某个客户端自己定义的格式,一般只能以application/x-开头。
XHTML正是一个获得广泛应用的格式,因此,在RFC3236中,说明了XHTML格式文件的MIMEType应该是application/xHTMLXML。
当然,处理本地的文件,在没有人告诉浏览器某个文件的MIMEType的情况下,浏览器也会做一些默认的处理,这可能和你在操作系统中给文件配置的MIMEType有关。比如在Windows下,打开注册表的“HKEY_LOCAL_MACHINESOFTWAREClassesMIMEDatabaseContentType”主键,你可以看到所有MIMEType的配置信息。

发表评论

  • 评论列表
还没有人评论,快来抢沙发吧~