nginx代理静态文件文件加载出错修复方案

5 篇文章 0 订阅

nginx代理静态文件文件加载出错 :Resource interpreted as Stylesheet but transferred with MIME type application/octet-stream: "http://192.168.174.135/static/css/login.css".

Resource interpreted as Stylesheet but transferred with MIME type application/octet-stream: “http://192.168.174.135/static/css/login.css”.

nginx代理静态文件文件加载出错修复方案

故障原因

项目准备上线,这几天在做测试.今天接上nginx与uwsgi后发现之前uwsgi代理都能正常跑动项目加载css文件是不能正常加载,js与网页都能正常加载,于是将问题锁定在了nginx上.是他在作妖

百度查询

在问题之后拿到关键字进行搜索的时候发现解决这个问题的帖子真的少.而且我做了以后还不行.
参考帖子1
参考帖子1
参考帖子1
整个看了十多个帖子照做下来没有一个成功的,最后结合各个帖子的共同点做了如下改变

按照各个帖子方法中和后

在nginx.conf 文件http里面将配置#include /etc/nginx/mime.types;前面的#去掉后代码如下

worker_processes auto;
pid /run/nginx.pid;
#include /etc/nginx/modules-enabled/*.conf;

events {
        worker_connections 768;
        # multi_accept on;
}

http {

        ##
        # Basic Settings
        ##

        sendfile on;
        tcp_nopush on;
        tcp_nodelay on;
        keepalive_timeout 65;
        types_hash_max_size 2048;
        # server_tokens off;

        # server_names_hash_bucket_size 64;
        # server_name_in_redirect off;

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

        ##
        # SSL Settings
        ##
        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
        ssl_prefer_server_ciphers on;

        ##
        # Logging Settings
        ##

        access_log /var/log/nginx/access.log;
        error_log /var/log/nginx/error.log;

        ##
        # Gzip Settings
        ##

        gzip on;

        # gzip_vary on;
        # gzip_proxied any;
        # gzip_comp_level 6;
        # gzip_buffers 16 8k;
        # gzip_http_version 1.1;
        # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
        
        ##
        # Virtual Host Configs
        ##

        #include /etc/nginx/conf.d/*.conf;
        #include /etc/nginx/sites-enabled/*;

        server {
                listen       80;
                server_name  1;
                autoindex       on;   #是否允许访问目录
                location / {
                        proxy_pass http://127.0.0.1:8000;
                }
                location /static {
                        alias /home/hhyq/static; # 1. alias方式配置文件夹
                }
        }
}


#mail {
#       # See sample authentication script at:
#       # http://wiki.nginx.org/ImapAuthenticateWithApachePhpScript
#
#       # auth_http localhost/auth.php;
#       # pop3_capabilities "TOP" "USER";
#       # imap_capabilities "IMAP4rev1" "UIDPLUS";
#
#       server {
#               listen     localhost:110;
#               protocol   pop3;
#               proxy      on;
#       }
#
#       server {
#               listen     localhost:143;
#               protocol   imap;
#               proxy      on;
#       }
#}

于是运行后状态如下

在这里插入图片描述
改变之后,成功加载出样式表

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
要在Linux上使用Nginx代理静态文件,你需要按照以下步骤进行设置: 1. 首先,你需要安装Nginx。你可以从官方网站下载你所需版本的Nginx压缩包。使用以下命令下载: `wget http://nginx.org/download/nginx-1.16.1.tar.gz` [3] 2. 下载完成后,解压缩压缩包,并进入解压缩后的目录。使用以下命令进行解压缩和进入目录: ``` tar -zxvf nginx-1.16.1.tar.gz cd nginx-1.16.1 ``` 3. 创建Nginx的安装目录。使用以下命令创建目录: `mkdir -p /usr/local/nginx` [1] 4. 配置Nginx。使用以下命令进行配置: `./configure --prefix=/usr/local/nginx` [1] 5. 编译和安装Nginx。使用以下命令进行编译和安装: `make && make install` [1] 6. 配置Nginx代理静态文件。打开Nginx的配置文件,并添加以下配置: ``` location ~ .*/(css|js|img) { root /opt/static; } ``` 这表示在`/opt/static`目录下的所有(css/js/img目录下的)资源将由Nginx代理。你可以根据实际情况修改路径和目录名称。保存并退出配置文件。 7. 重新加载Nginx配置。使用以下命令重新加载Nginx配置: `/usr/local/nginx/sbin/nginx -s reload` [2] 现在,Nginx将会代理你指定的Linux静态文件。请确保你的静态文件位于配置文件中指定的路径下,并且文件名和目录结构正确。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Nginx简介,Linux上简单实现部署静态资源、反向代理、负载均衡](https://blog.csdn.net/m0_52765511/article/details/126212249)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [nginx(静态代理)linux版](https://blog.csdn.net/Badman0726/article/details/122024886)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

辉煌仪奇

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值