当前位置: 首页 > 面试题库 >

Nginx无法加载CSS文件

袁山
2023-03-14
问题内容

我最近决定从Apache2切换到Nginx。我在CentOS服务器上安装了Nginx并设置了基本配置。当我尝试在浏览器(FF /
Chrome)中加载网站时,我注意到未加载CSS文件。我检查了错误控制台,并看到以下消息

Error: The stylesheet http://example.com/style.css was not loaded because its MIME type, "text/html", is not "text/css".

我检查了Nginx的配置,一切似乎都很好:

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

在/etc/nginx/mime.types中正确设置了css文件的mime类型。

text/css css;

一切似乎都配置正确,但是我的css文件仍然没有加载。我没有解释

另一件事值得一提。最初,我使用epel存储库安装了Nginx,并且得到了一个旧版本:0.8
…在我看来,我的问题是该版本中的错误,因此我卸载了0.8版本,将nginx存储库添加到yum,然后安装了最新版本:1.0。
14。我以为新版本可以解决我的问题,但不幸的是,新版本无法解决我的想法。

感谢您的帮助。

配置文件:

/etc/nginx/nginx.conf

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;
}

/etc/nginx/conf.d/default.conf

server {
    listen       80;
    server_name  localhost;

    #charset koi8-r;
    #access_log  /var/log/nginx/log/host.access.log  main;

    location / {
         root    /usr/share/nginx/html;
         index  index.html index.htm index.php;
         fastcgi_pass   127.0.0.1:9000;
         fastcgi_index  index.php;
         fastcgi_param  SCRIPT_FILENAME  /usr/share/nginx/html$fastcgi_script_name;
         include        fastcgi_params;
    }

    #error_page  404              /404.html;

    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }

    # proxy the PHP scripts to Apache listening on 127.0.0.1:80
    #
    #location ~ \.php$ {
    #    proxy_pass   http://127.0.0.1;
    #}

    # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
    #
    #location ~ \.php$ {
    #    root           html;
    #    fastcgi_pass   127.0.0.1:9000;
    #    fastcgi_index  index.php;
    #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
    #    include        fastcgi_params;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #    deny  all;
    #}
}

/etc/nginx/mime.types

types {
    text/html                             html htm shtml;
    text/css                              css;
    text/xml                              xml;
    image/gif                             gif;
    image/jpeg                            jpeg jpg;
    application/x-javascript              js;
    application/atom+xml                  atom;
    application/rss+xml                   rss;
    ..........................................
    other types here
    ..........................................
}

问题答案:

我在网上找到了解决方法。我在/etc/nginx/conf.d/default.conf中添加了以下内容:

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

现在的问题是,对我的css文件的请求未正确重定向,好像root设置不正确。在error.log我看到

2012/04/11 14:01:23 [错误] 7260#0:* 2 open()“ /etc/nginx//html/style.css”

因此,作为第二种解决方法,我将根添加到每个定义的位置。现在可以使用,但似乎有点多余。根不是从/位置继承吗?



 类似资料:
  • 问题内容: 我正在本地计算机(Mac OS X)上运行Django的开发服务器(),无法加载CSS文件。 以下是settings.py中的相关条目: 在我的views.py中,我请求上下文: 在我的模板中,渲染正确: 变成: 文件实际所在的位置。我还确保所有文件都已收集。 我的urls.py中也包含以下几行: 我是Django的新手,所以可能缺少一些简单的知识-希望对您有所帮助。 问题答案: 请仔

  • 问题内容: 我正在本地计算机(Mac OS X)上运行Django的开发服务器(),无法加载CSS文件。 以下是settings.py中的相关条目: 在我的views.py中,我正在请求上下文: 在我的模板中,渲染正确: 变成: 文件实际所在的位置。我还确保所有文件都已收集。 我的urls.py中也包含以下几行: 我是Django的新手,所以可能缺少一些简单的知识-希望对您有所帮助。 问题答案:

  • 请看下面的JavaFX和CSS代码。 登录2。JAVA 我ogin.css 当我运行这个,我得到以下错误。 应用程序启动方法中的异常线程“main”java中的异常。lang.RuntimeException:com上应用程序启动方法中的异常。太阳javafx。应用发射装置impl。在com上启动Application1(未知源)。太阳javafx。应用发射装置impl。在com上访问$000(未

  • 本文向大家介绍nginx 重新加载NGINX配置文件,包括了nginx 重新加载NGINX配置文件的使用技巧和注意事项,需要的朋友参考一下 示例 以root用户身份: Ubuntu 14.04示例 Ubuntu 16.04示例 重新加载之前,最好检查config是否存在语法错误: 要么            

  • 问题内容: 我是spring框架工作和spring boot的新手。我正在尝试使用CSS,javascript,js添加静态html文件。文件结构是 和我的html文件头看起来像这样 当我运行spring项目时,仅显示内容且未应用CSS。然后浏览器在控制台中显示以下错误 .css,.js文件的404 Not Found错误 有人帮助我解决了这个问题。 问题答案: 你需要放入CSS 。此更改为我解决

  • 一个webview加载本地css以及js文件的例子。点击”Click me“触发的动作是调用本地js文件完成的。 [Code4App.com]