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;

        ......  
}

 

posted @ 2023-06-18 16:32  yshy  阅读(1151)  评论(0编辑  收藏  举报