🔥一、静态资源相关目录

SpringBoot项目中没有WebApp目录，只有src目录。在src/main/resources下面有static和templates两个文件夹。SpringBoot默认在static目录中存放静态资源，而templates中放动态页面。

1、static目录

SpringBoot通过/resources/static目录访问静态资源，在resources/static中编写html页面：

2、templates目录

在SpringBoot中不推荐使用JSP作为动态页面，而是默认使用Thymeleaf编写动态页面。templates目录是存放Thymeleaf页面的目录，稍后我们讲解Thymeleaf技术。

🔥二、静态资源其他存放位置

除了/resouces/static目录 ， SpringBoot还会扫描以下位置的静态资源:

1 、/resources/META-INF/resources/

2、/resources/resources/

3、resources/public/

在SpringBoot配置文件进行自定义静态资源位置配置:
spring:
web:
resources:
static-locations: classpath:/yingxiong/,classpath:/static/

注意:
该配置会默认覆盖静态资源位置 ， 如果还想使用之前的静态资源位置 ， 还需要配置在后面
SpringBoot2.5之前的配置方式为 spring.resources.static-locations

✨脚踏实地，一步一步，总能成功✨

项目需求：网页响应过慢，需要nginx代理静态资源

安装nginx

参考了这篇博客进行安装：ubuntu上nginx详细安装部署教程 - 敲代码的椰子 - 博客园

但是他使用的安装包有些已经旧了，可以在官网上复制最新安装包的链接 来替换命令中的。

1、cd /usr/local/src

2、下载相关组件

wget http://nginx.org/download/nginx-1.16.0.tar.gz
wget https://www.openssl.org/source/openssl-fips-2.0.16.tar.gz
wget http://zlib.net/zlib-1.2.11.tar.gz
wget https://netix.dl.sourceforge.net/project/pcre/pcre/8.40/pcre-8.40.tar.gz

3、安装nginx相关组件

安装openssl

tar zxvf openssl-fips-2.0.16.tar.gz
cd openssl-fips-2.0.16
./config && make && make install

安装pcre

tar zxvf pcre-8.40.tar.gz
cd pcre-8.40
./configure && make && make install

安装zlib

tar zxvf zlib-1.2.11.tar.gz
cd zlib-1.2.11
./configure && make && make install

4、安装nginx

tar zxvf nginx-1.16.0.tar.gz
cd nginx-1.16.0
./configure && make && make install

三、启动nginx

1、启动nginx

方式1： /usr/local/nginx/sbin/nginx

方式2  cp /usr/local/nginx/sbin/nginx  /usr/local/bin/

              nginx

2、查看nginx是否启动成功

方式1：netstat -lnp

方式2：lsof -i:80

3、基本操作

/usr/local/nginx/sbin/nginx#启动
/usr/local/nginx/sbin/nginx -s stop(quit、reload)#停止/重启
/usr/local/nginx/sbin/nginx -h#命令帮助
vi /usr/local/nginx/conf/nginx.conf#配置文件

4、nginx相关的目录

日志 /usr/local/nginx/logs/

配置 /usr/local/nginx/conf/nginx.conf

静态资源目录 /usr/local/nginx/html/

nginx代理静态资源的配置

修改/usr/local/nginx/conf/nginx.conf，全部放在http模块中

upstream backend{      为后端服务起一个名字
    server 127.0.0.1:4430;    后端服务的ip：端口
    }

    server {
        listen       80;   nginx监听80端口
        access_log /usr/local/nginx/logs/proxy.log main;   指定日志文件
        server_name  这里要配置域名;   
        location  ~* \.(svg|png|css|js)$  {   后缀匹配  
           root /usr/local/nginx/html/;   将路由进行转发到这个目录下
        }
        
 root的处理结果是：root路径＋location路径
alias的处理结果是：使用alias路径替换location路径
alias是一个目录别名的定义，root则是最上层目录的定义。
还有一个重要的区别是alias后面必须要用“/”结束，否则会找不到文件的
        location / {
          proxy_ssl_session_reuse off;
          proxy_ssl_name $host;
          proxy_ssl_server_name on;
          proxy_set_header Host $host;
          proxy_ssl_verify off;
          proxy_pass https://backend;
        }
    }

     server {
        listen       443 ssl;
        access_log on;
        ssl_certificate /root/my.crt;    证书存放位置
        ssl_certificate_key /root/my.key;  私钥存放位置
        access_log /usr/local/nginx/logs/proxy.log main;
        server_name  这里要配置域名;
        location ~* \.(css|js|png|svg)$ {
            root /usr/local/nginx/html/
        }

        location / {
          proxy_ssl_session_reuse off;
          proxy_ssl_name $host;
          proxy_ssl_server_name on;
          proxy_set_header Host $host;
          proxy_ssl_verify off;
          proxy_pass https://backend;
        }
    }

假设我的域名是guolicheng.cn

实际访问一个静态文件： http://cat.guolicheng.cn/static/media/meng.png

nginx 中 匹配到后缀，并截取location为/static/media/meng.png

转发到 /usr/local/nginx/html/static/media/meng.png，并返回这个文件

遇到的问题

我在配置过程中遇到的问题，由于项目原因 nginx和原server必须部署在同一台机器上

1 原server监听80和443端口，跟nginx也需要在80端口上运行，导致冲突，解决方法：

使用docker运行原server,并进行docker到宿主机的端口映设，例如

docker run -it -p 8000:80 -p 4430:4433 serverimage:release

代表将docker中的80端口映设到宿主机的8000端口，之后在nginx配置中将业务转发到8000和4430端口即可

2 在nginx监听443端口遇到问题unknown directive "ssl" ，前提是已经有证书和私钥

解决方法：

1. 下载openssl库：

•         wget https://www.openssl.org/source/openssl-1.1.1k.tar.gz
•         wget https://www.openssl.org/source/openssl-fips-2.0.16.tar.gz
•         tar zxvf openssl-fips-2.0.16.tar.gz
•         cd openssl-fips-2.0.16

1.         ./configure
2. 在/usr/loacl/src/的nginx解压目录下，执行./configure --with-http_ssl_module
3. 执行make命令，但是不要执行make install，因为make是用来编译的，而make install是安装，不然你整个nginx会重新覆盖的。
4. 在我们执行完做命令后，我们可以查看到在nginx解压目录下，objs文件夹中多了一个nginx的文件，这个就是新版本的程序了。首先我们把之前的nginx先备份一下，然后把新的程序复制过去覆盖之前的即可。

               cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak

               cp objs/nginx /usr/local/nginx/sbin/nginx

参考：https://blog.csdn.net/weixin_38111957/article/details/81283121

配置代码：

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       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"'
                      '$upstream_addr $upstream_status $request_uri';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html;
            index  index.html index.htm;
        }

        #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   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;
        #}
    }

    upstream backend{
	server 127.0.0.1:4430;
    }

    server {
        listen       80;
        access_log /usr/local/nginx/logs/proxy.log main;
        server_name  这里要配置域名;
        location  ~* \.(svg|png|css|js)$  {
           root /usr/local/nginx/html/;
        }
        
        
        location / {
          proxy_ssl_session_reuse off;
          proxy_ssl_name $host;
          proxy_ssl_server_name on;
          proxy_set_header Host $host;
          proxy_ssl_verify off;
          proxy_pass https://backend;
        }
    }

     server {
        listen       443 ssl;
        access_log on;
        ssl_certificate /root/my.crt;
        ssl_certificate_key /root/my.key;
        access_log /usr/local/nginx/logs/proxy.log main;
        server_name  这里要配置域名;
        location ~* \.(css|js|png|svg)$ {
            root /usr/local/nginx/html/
        }

        location / {
          proxy_ssl_session_reuse off;
          proxy_ssl_name $host;
          proxy_ssl_server_name on;
          proxy_set_header Host $host;
          proxy_ssl_verify off;
          proxy_pass https://backend;
        }
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

目录

一.问题的提出：

二.问题的解决

1.用图床概念解决

2.将图片放在公共的位置

1.将我们的静态资源放置于nginx服务器中

2.修改后台服务器的tomcat配置文件

3.修改nginx服务器配置文件

4.传输到其他服务器

搭建完成nginx服务器，我们刷新轮询就相当于访问1,2,3这三台服务器。我们做nginx负载均衡的话，理论上来说三个项目中的内容应当是相同的，客户端访问任何一台服务器的效果都是相同的。

一.问题的提出：

我们那京东一个图书商户进行举例，如果新发版的白鹿原图书的封面进行更换，那么百度中的图片或者是京东这些商品的图片理应也进行更新，那么这数以百万级的图片肯定会在不同的客户端进行上传改变，那么我们不可能在每一台服务器都进行资源的改动，这样耗时耗力。

二.问题的解决

1.用图床概念解决

我们可以将这些静态的资源，单独的放置在某一台服务器中。我们只需要更新这一台服务器的图片，那么所有的服务器都只需要在这一台服务器中取图片就行。

这里我们引入一个图床的概念：图床一般是指储存图片的服务器，有国内和国外之分。国外的图床由于有空间距离等因素决定访问速度很慢影响图片显示速度。国内也分为单线空间、多线空间和cdn加速三种。

举例：

第一步：我们首先在百度中随便找到一个图床的网站，点进去。

第二步：然后我们随便找一张静态图片，上传到该网站上，网站就会反馈给你一些图片生成的网页信息，html等等。

第三步：我们复制网页反馈给我们的URL链接，然后打开网页复制进去，就可以看到我们上传的静态资源图片了。

就是将我们个人的图片上传到别人的服务器上面，因为别人的服务器是链接外网的，我们是可以随意的访问该图片的，这样的好处就是我只需要更新这一个位置的东西，大家只要访问的地址都是这个，那么效果都是一模一样的的。但是缺陷就是如果图床崩溃了或者是图床要收费。

2.将图片放在公共的位置

1.将我们的静态资源放置于nginx服务器中

首先我们随便下载一张图片，让后将其上传到nginx服务器中的html目录中，并且创建一个static目录。

2.修改后台服务器的tomcat配置文件

3.修改nginx服务器配置文件

添加内容，当我们访问static路径的话，我们直接将其跳转到html中

修改完成之后重启nginx服务器。

我们就在第一台服务器配置完成了。

4.传输到其他服务器

然后将我们第一台服务器修改好的配置文件传输到其他两台服务器。

就可以在202和203两台服务器也可以看到该静态资源