nginx无法识别css和图像：资源被解释为样式表，但使用MIME类型text / html进行传输

Question

我试图在子目录中运行Rainloop，http://babylon/webmail，得到的CSS和js是不被识别的。例如：

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://babylon/webmail/rainloop/v/1.10.5.192/static/css/rainloop/v/1.10.5.192/static/css/app.min.css?standard".

我尝试了一些可能(但没有奏效)的解决方案：

1. 1、在nginx.conf.中加入"include /etc/nginx/mime.types;"

2. 2、有人说，php的位置错了，我应该添加fastcgi_split_path_info ^(.+.php)(/.+)$; #this line，但并没有什么用。

   1. 3、我添加了新的CSS和javascript的根，但也没有任何变化。

   我的配置：

   location ^~ /webmail {
       root /srv/rainloop/public_html;
       try_files $uri $uri/ /webmail/index.php?$query_string;
       access_log /srv/rainloop/logs/access.log;
       error_log /srv/rainloop/logs/error.log;
       index index.php;
       access_log /var/log/nginx/scripts.log scripts;
   
       location ~ \.php$ {
           #if (!-f $request_filename) { return 404; }
           include fastcgi_params;
           #fastcgi_split_path_info ^(.+\.php)(/.+)$; #this line
           fastcgi_pass unix:/var/run/php5-fpm.sock;
           fastcgi_index index.php;
           #fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
           fastcgi_param SCRIPT_FILENAME /srv/rainloop/public_html/index.php;
       }
   
       location ~ /\.ht {
           deny all;
       }
   
       location ^~ /webmail/data {
           deny all;
       }
   }
   

Answer 1

I think that it can solve your problem.

location ~ \.css {
    add_header  Content-Type    text/css;
}
location ~ \.js {
    add_header  Content-Type    application/x-javascript;
}