首页 > 系统相关 >Nginx配置tomcat负载均衡,解决css样式丢失问题

Nginx配置tomcat负载均衡,解决css样式丢失问题

时间:2023-02-03 11:25:47浏览次数:37  
标签:tomcat header 192.168 server Nginx proxy ssl 8380 css

Nginx配置tomcat负载均衡,解决css样式丢失问题

增加location ~ .*即可

http{
  
    upstream gzf {
      ip_hash;
      server 192.168.2.171:8380;
      server 192.168.2.172:8380;
      server 192.168.2.173:8380;
      server 192.168.2.174:8380;
      server 192.168.2.175:8380;
      server 192.168.2.176:8380;
      server 192.168.2.177:8380;
    }
}
server
{
    listen 8083 ssl;
    server_name 192.168.2.187;
    index index.php index.html index.htm default.php default.htm default.html;
    root  /home/xx; 
 
    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    ssl_certificate    /usr/local/nginx/cert/xxx.pem;
    ssl_certificate_key    /usr/local/nginx/cert/xxx.com.key;
    ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3;
    ssl_ciphers EECDH+CHACHA20:EECDH+CHACHA20-draft:EECDH+AES128:RSA+AES128:EECDH+AES256:RSA+AES256:EECDH+3DES:RSA+3DES:!MD5;
    ssl_prefer_server_ciphers on;
    ssl_session_cache shared:SSL:10m;
    ssl_session_timeout 10m;
    add_header Strict-Transport-Security "max-age=31536000";
    error_page 497  https://$host$request_uri;

    #SSL-END
    
    #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END
    
    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }
    
    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }

			# 反向代理
      location /
      {
          add_header 'Access-Control-Allow-Origin' '*';
          proxy_pass   http://gzf/;
          proxy_connect_timeout   3000;
          proxy_send_timeout      3000;
          proxy_read_timeout      3000;

     }


		location ~ .* {
    				# 解决css丢失问题
            proxy_pass http://gzf;
            proxy_set_header Host $http_host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    				# 解决https代理http Mixed Content和Blockable问题
						proxy_set_header Upgrade-Insecure-Requests 1;
   	 				proxy_set_header X-Forwarded-Proto https;
	 					add_header Content-Security-Policy upgrade-insecure-requests;

	}

    access_log  /usr/local/nginx/web_content/gzf.xxx.com/gzf.log;
    error_log  /usr/local/nginx/web_content/gzf.xxx.com/gzf.error.log;
}

标签:tomcat,header,192.168,server,Nginx,proxy,ssl,8380,css
From: https://www.cnblogs.com/zhangruifeng/p/17088516.html

相关文章

  • CSS-@规则(At-rules)常用语法使用总结
    At-rules规则是目前CSS中一种常见的语法规则,它使用一个"@"符号加一个关键词定义,后面跟上语法区块,如果没有则以分号结束即可。这种规则一般用于标识文档、引入外部样式、条......
  • Spring boot 无法加载css样式,image解决办法
    Springboot无法加载css样式,image解决办法 最近在给公司做一个系统,使用了springboot框架,同时也遇到了一些大坑在网上找到了一个好看的模版的,(非前后端的分......
  • Nginx的HTTP服务器
    Nginx的HTTP服务器一、前言有一个想法:将一些资料文件共享出去,怎么才能实现?或许可以利用Nginx搭建文件服务器。二、基于HTTP的文件服务器(Windows环境)......
  • CSS系列学习笔记(二)
    font文字: font-size可以控制文字的大小后面可以放入像素(比较精准)如果未来去做网页的时候那么就使用工具量一下像素然后写上就可以了medium默认样式中等的合适的相对......
  • 万字总结,体系化带你全面认识 Nginx !
    前言作为一名前端开发人员,你是不是经常碰到领导让你上服务器去修改Nginx配置,然而你会以“我是前端,这个我不会”为理由搪塞过去呢!今天就让我们一起告别这种尴尬,向“真正......
  • css 实现二维码扫描效果
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>css3-scanner</title><style>.qr-scanner{positi......
  • 零基础学前端之CSS选择器的权重
    在前面,我们学习了样式表引入的优先级判断。如果多个选择器都来修饰同一个元素,优先级又该如何判断呢?我们来看一个例子。<!DOCTYPEhtml><htmllang="en"><head><metachars......
  • CSS 样式穿透
    通常在引入第三方UI组件库(如element-ui等),需要自定义组件样式时,但由于样式使用了scoped属性(为避免组件之间的样式相互影响),导致无法直接覆盖原组件的样式,这时就需要用......
  • CSS 样式优先级
    CSS样式优先级决定了最终呈现在浏览器中的样式是哪一组样式,在多组样式中有冲突时,最终呈现在浏览器中的样式是具有最高优先级的样式。CSS样式优先级顺序如下:内联样式>......
  • CSS 布局
    CSS(CascadingStyleSheets)布局是指使用CSS来控制HTML元素的位置和外观。CSS可以通过设置元素的宽度、高度、浮动、定位、边距等属性来控制布局。常用的布局技术......