关于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这类的代理,毕竟是轻量级的,没有浏览器那么强大的识别能力,所以,为了考虑兼容性,开发者还是应该严谨一点!真的想吐槽!这个问题卡了我整整一个下午!

相关内容

热门资讯

三连冠!宇通客车荣获新能源商用... 近日,2026 EC-PAC新能源商用车(客车)性能评价公益赛在重庆圆满收官。宇通新能源公交一举摘得...
透视上半年财政改革发展成效 新华社北京7月22日电 题:收支运行平稳 政策更加积极——透视上半年财政改革发展成效新华社记者申铖财...
伊朗称摧毁美军一套“萨德”、一... 新华社德黑兰7月23日电 伊朗伊斯兰革命卫队23日发布两份分别面向约旦和科威特民众的声明说,为回应美...
近40年来新低,日元迎来快速贬... 新华社东京7月23日电 国际观察|日元汇率缘何跌至近40年来新低新华社记者李诗萌 蓝建中近日,日元对...
稻城亚丁一游客疑因高反倒地抢救... 7月22日,四川稻城亚丁景区一名老年男性游客游玩时疑因高反抢救无效去世。7月23日,景区工作人员表示...
伊朗:从未停止生产导弹和无人机 伊朗武装部队发言人阿布法兹勒·谢卡尔希7月22日表示,无论是自2月28日开始的战争还是最近美国违反谅...
中方在台海实弹射击是向美传递信... 澎湃新闻记者 杨文钦 谢瑞强7月23日,外交部发言人林剑主持例行记者会。路透社记者提问,昨日中美刚在...
第16次登榜《财富》中国500... 宇通客车第16次上榜《财富》中国500强位列榜单第362位,排名较去年上升13名自2010年首次登榜...
填报志愿没看清,山东644分考... 极目新闻记者 柳琛琛今年高考考了644分,本以为能冲刺厦门大学本部,没想到填报志愿时没看清楚,被录取...