SpringBoot+Nginx前后端分离项目部分配置总结

他会点JAVA

已于 2022-01-18 18:12:29 修改

阅读量1.1k

点赞数

文章标签： nginx spring boot java

于 2022-01-18 18:11:28 首次发布

本文链接：https://blog.csdn.net/weixin_38061191/article/details/122564818

版权

一. Nginx如何配置访问Java的Api服务？

    location /api/ {
			rewrite  ^/api/(.*)$ /$1 break;
			proxy_pass   http://127.0.0.1:8089;
			proxy_set_header Host $host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
			
			proxy_http_version 1.1; 
			proxy_set_header Upgrade $http_upgrade;  
			proxy_set_header Connection "Upgrade"; 
    }

我们的Api服务和Nginx放在同一台服务器上了，我们可以在Nginx中配置我们的Api请求地址：域名+/api/+接口路径，这样就可以通过域名访问到我们的Java服务程序。配置多个地址同理，上面的代码中 proxy_pass 放的是我们的Api服务的服务器端口地址。

二.Nginx配置微信授权的Mpxxxxx.txt文本文件

 location /MP_verify_xxxxxxxx.txt {
      root /xxx/xx/xxxx; #服务器中MP.txt的存放目录
 }

H5在做微信授权的时候，需要配置一个MP.txt的授权文件，可以按照上面的代码配置，放在服务器的某个文件夹下。然后请求的地址为：域名 + /MP_verify_xxxxxxxx.txt,可以直接访问到文件地址，完成微信授权。

三.Nginx配置微信头像，解决微信头像和我们项目的域名跨域问题

    location ^~ /xxx/wechat_image/ {
      add_header 'Access-Control-Allow-Origin' "$http_origin" always;
      add_header 'Access-Control-Allow-Credentials' 'true' always;
      add_header 'Access-Control-Allow-Methods' 'GET, OPTIONS' always;
      add_header 'Access-Control-Allow-Headers' 'Accept,Authorization,Cache-              Control,Content-Type,DNT,If-Mod ified- Since,Keep-Alive,Origin,User-Agent,X-Requested-With' always;
      proxy_pass http://thirdwx.qlogo.cn/;
    }

当我们在完成微信授权的时候，可以获取到微信的微信头像信息，但是微信头像是微信自己的域名地址，上面代码 proxy_pass http://thirdwx.qlogo.cn/，这个时候如果我们在自己项目的域名下访问，会出现跨域问题，我们可以直接使用Nginx的最重要一个功能——反向代理，来解决跨域问题你。

反向代理，这里可以理解成，我们让Nginx帮我们去转发一下需要请求的地址。例如：我想要张三一张照片，我就告诉Nginx,，如果张三来找我，你让他把照片给我。换成程序就是请求路径中出现/xxx/wechat_image，我们的Nginx匹配中了，就把我们的域名，换成他们的域名，然后把东西获取到。

四.Nginx的匹配请求路径规则

~ # 波浪线表示执行一个正则匹配，区分大小写
~* # 表示执行一个正则匹配，不区分大小写
^~ # ^~表示普通字符匹配，如果该选项匹配，只匹配该选项，不匹配别的选项，一般用来匹配目录
= # 进行普通字符精确匹配
@ # "@" 定义一个命名的 location，使用在内部定向时，例如 error_page, try_files

这里我们根据匹配规则可以看出，上面的反向代理，使用的是 ^~，他的意思是：只匹配该选项，不匹配别的选项，我们用来匹配URL的请求路径，匹配中了，就开始替换请求域名，将我们的域名替代代理成其他的域名地址。根据这个我们可以实现很多地址目录的匹配

五.Nginx匹配规则实践

    location ^~ /profile/upload {
       proxy_pass   http://127.0.0.1:8089; #Java项目端口地址
    }

当我们搞了一个前后端分离项目，而这个时候，我们的Java项目又有一个上传图片的功能，并且这个上传的图片都是在服务器当中，我们需要访问到这些图片资源，该如何操作呢？

通常，我们的SpringBoot项目配置了一个WebConfig放行一个图片地址，我们的访问地址就是：IP+端口+路径地址+图片.jpg。可是我们的访问是通过Nginx来访问的，我们的Java项目，只是在服务器上，我们想通过Nginx上的前端项目，来访问到图片，这个时候前端是有自己的静态资源的，我们没办法直接在匹配规则中直接配置IP地址。

 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
 {
  		# proxy_pass   http://127.0.0.1:8089; #这里直接配置我们的Java项目地址后，前端的项目，就没有办法访问到，前端的静态资源了
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
 }

如果我们按照上面直接配置我们的Java项目地址后，虽然我们Java项目可以获取到了静态紫玉了，但是前端的项目，就没有办法访问到前端的静态资源了。所以我们就要去匹配请求规则了，例如：请求路径 = 域名+/profile/upload/xxx.jpg，我们在Nginx就可以配置上面的规则，去匹配/profile/upload.来替换请求地址，达到访问静态资源的目的，并且不会影响到前端的静态资源访问。

至此：部分经验配置结束，如有错误，请大家留言交流。