Nginx代理静态界面资源后,浏览器端CSS、JS不起作用
现象说明:
VUE项目打包后通过Nginx代理访问时,JS、CSS等资源都加载到浏览器端了,但是不起作用。
经过分析后,发现对于JS、CSS在浏览器端显示的资源类型为:Content-Type=text/plain。
发现Nginx没有配置:include mime.types;
当Nginx服务器收到静态文件请求时,会根据请求文件中的后缀名在MIME配置文件中找到对应的MIME TYPE,然后再根据MIME TYPE设置HTTP Response的Content-Type,浏览器会根据Content-Type的值处理资源文件。
在http下增加如下配置:
http { include mime.types; default_type application/octet-stream; ...... }