Why Isn\'t My Nginx Server Serving CSS Files Correctly?

Nginx MIME Type Configuration Issue Preventing CSS Loading

Problem:

Users encounter an issue where CSS files fail to load in Nginx. The error console reports "text/html" as the MIME type instead of "text/css". Despite proper configuration in /etc/nginx/mime.types, CSS files remain unloaded.

Possible Cause:

The problem may arise due to an incorrect placement of the include directive in the nginx.conf file.

Solution:

To rectify this issue, move the include /etc/nginx/mime.types; directive from the http {} block to within the location / {} block. The updated nginx.conf file should look like this:

http {
    ...
    location / {
        include /etc/nginx/mime.types;
        ...
    }
    ...
}

By placing the directive within the location / {} block, Nginx will apply the MIME type settings specifically to the root location, ensuring that CSS files are served with the correct MIME type. This will resolve the issue and allow CSS files to load successfully.

The above is the detailed content of Why Isn\'t My Nginx Server Serving CSS Files Correctly?. For more information, please follow other related articles on the PHP Chinese website!