关于nginx 代理页面中某些数据(css,视频流)无法加载
admin
2023-02-01 07:28:16
0

最近碰到了nginx代理一个页面后
proxy_pass http://8.1.1.1:6080/binding.html;
js加载成功,css却无法加载的问题。

解决办法:
1.http{}中添加
include /usr/local/openresty/nginx/conf/mime.types;
default_type application/octet-stream;

2.或者修改mime.types中css的type为application/octet-stream;

原因:互联网中web服务器与浏览器通讯时,所有数据都是需要指定文件类型(type)的,否则浏览器不知道用什么插件来处理这些数据,比如音频数据就要指定mid,.midi audio/midi,audio/x-midi等类型。
而我的服务器中的css文件在被nginx代理后,nginx找了原来html中对该css文件的type定义:

没有type!!!
所以就报错了!nginx不知道用什么编码方式传输这类文件(它是不知道啥css的)
所以定义default_type application/octet-stream 后,nginx不管是什么文件类型,同意按字节流的类型进行转发,这样才最后传输到客户端浏览器上。

那么问题来了,既然nginx那边是以字节流转发给了浏览器,浏览器不知道这是css文件,只是一堆字节流,为什么还能被加载出来?
因为现在主流浏览器也能默认识别出css文件的,很多开发者已经习惯不给css写这东西了,但是对于很多特殊的数据类型,最好还是定义一下。
特别的,像nginx这类的代理,毕竟是轻量级的,没有浏览器那么强大的识别能力,所以,为了考虑兼容性,开发者还是应该严谨一点!真的想吐槽!这个问题卡了我整整一个下午!

相关内容

热门资讯

拳王夫妇亏掉两亿,谁拖累了谁 作者 | 贺一 编辑 | 吴擎一门失败的生意,足以把一个世界冠军打回起点。最近,前奥运冠军、世界拳王...
中国驻以色列使馆提醒在以中国公... 当前,中东局势持续紧张,冲突延宕。有媒体报道称,以色列已将战备状态提升至最高水平。中国驻以色列使馆再...
论文疑遭蒋方舟抄袭,台湾原作者... 澎湃新闻记者 杨喆蒋方舟学术不端一事近日备受关注,原作者如何看待?7月13日,蒋方舟被中国人民大学认...
女子拦车加塞还向后车吐口水挑衅... 7月22日,重庆,一段“女子用肉身拦车加塞、向后车吐口水的”视频引发关注。重庆交警部门回应:目前事情...
台风“红霞”要来了,最新路径预... 23日,我国正式进入大暑节气,随着副热带高压逐渐加强西伸,江南、华南等地的强降雨将明显减弱,但华北、...
三连冠!宇通客车荣获新能源商用... 近日,2026 EC-PAC新能源商用车(客车)性能评价公益赛在重庆圆满收官。宇通新能源公交一举摘得...
透视上半年财政改革发展成效 新华社北京7月22日电 题:收支运行平稳 政策更加积极——透视上半年财政改革发展成效新华社记者申铖财...
伊朗称摧毁美军一套“萨德”、一... 新华社德黑兰7月23日电 伊朗伊斯兰革命卫队23日发布两份分别面向约旦和科威特民众的声明说,为回应美...
近40年来新低,日元迎来快速贬... 新华社东京7月23日电 国际观察|日元汇率缘何跌至近40年来新低新华社记者李诗萌 蓝建中近日,日元对...
稻城亚丁一游客疑因高反倒地抢救... 7月22日,四川稻城亚丁景区一名老年男性游客游玩时疑因高反抢救无效去世。7月23日,景区工作人员表示...