angular项目部署到nginx,css样式文件加载出问题,报警:Resource interpreted as Stylesheet but transferred with MIME type text/plain
解决思路:
项目部署之前一切运行正常,部署到nginx之后出问题,可从nginx部署环境下手考虑问题。
警告信息:Resource interpreted as Stylesheet but transferred with MIME type text/plain
说明文件可以找到,并且被加载了,但是加载类型不正确。
nginx配置环境中,引入了mime.types文件,此文件告诉浏览器以何种方式处理文档(各类文件)。
mime type常见的有两种:
text/plain:以纯文本格式加载解析文件
application/octet-stream:八进制数据文件
通常我们会将浏览器无法识别的资源作为application/octet-stream类型加载。
解决方法:
综上所述,我们可通过配置nginx环境下的CentOS7下,修改配置文件/etc/nginx/nginx.conf,在http{}中修改或添加以下两项配置:
include /etc/nginx/mime.types; default_type application/octet-stream;
重启nginx服务
service nginx restart
重新加载浏览器页面查看是否解决。