若依部署上线之后验证码不显示的解决方法之一

柔情只为你懂 2022-09-06 15:16 1031阅读 0赞

![336022a2d22758347c14039f543aa481.png][]

> “
> 
> 大家好，我是雄雄，欢迎关注微信公众号：????雄雄的小课堂????。
> 
> ”

最近的几天都在搞**publiccms**的内容，从0到1实现，在花费了大量精力下，终于将一个门户站完完全全的实现了，且还可以自定义扩展内容；欣喜之余，为了避免后期遇到该技术能尽快上手，所以决定趁热打铁，出一份使用**publiccms**实现普通门户站的入门级教程，各位小伙伴们敬请期待……

## ????‍????前言 ##

今天在部署若依前后端到服务器上时，发现前端的验证码怎么都出不来，随便上网一查，相关问题以及解决方案数不胜数，遗憾的是，没有一条适合我的。

## ????‍????技术 ##

`若依`前后端框架：

*  前端：`vue`
 *  后端：`springboot`、`springmvc`、`mybatis`

服务器：`centos7`\+`Nginx`配置

## ????配置思路 ##

之前有介绍过前后端分离项目如何部署到服务器，忘记的可以点连接去看看，[前后端分离项目部署上线详细教程][Link 1]

1.  将后端`springboot`项目打包成`jar`文件，传至服务器指定目录下。
2.  将前端`vue`项目打包成dist文件夹，传至服务器指定目录下，我一般习惯和对应的后端`jar`包放在同一目录下。
3.  解析域名至服务器下（不会的可以自行百度，很简单）
4.  配置`Nginx`文件（验证码没有出来，就是没有正确配置`Nginx`文件）
5.  在终端启动后端项目
6.  在浏览器访问已经配置好的域名

## ????错误信息 ##

前端页面可以访问，但是验证码没有加载出来（暂无图），`F12`打开查看发现请求报错。

## ????解决方法 ##

找了半天，发现是`Nginx`配置错误，正确配置代码如下所示：

# 这里配置的是80端口监听hbv.51qph.com
        server {
            listen       80;
            server_name  这里写你的域名;
     
        location / {
                root   /www/wwwroot/facilities/dist;
             try_files $uri $uri/ /index.html;
                index  index.html index.htm;
            }
            
            
            location /prod-api/ {
      
                proxy_set_header Host $http_host;
                 proxy_set_header X-Real-IP $remote_addr;
                 proxy_set_header REMOTE-HOST $remote_addr;
                 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                 proxy_pass http://localhost:7777/;
            }
       
      location /dev-api/ {
      
                proxy_set_header Host $http_host;
                 proxy_set_header X-Real-IP $remote_addr;
                 proxy_set_header REMOTE-HOST $remote_addr;
                 proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                 proxy_pass http://localhost:7777/;
            }
    
            error_page   500 502 503 504  /50x.html;
            location = /50x.html {
                root   html;
            }
        }

注意：在`server_name`处写你的域名即可。

好了，今天的分享就到这里，有问题的可以在留言区留言哈。

????祝各位点赞的小伙伴们单身的不单身，学习不好的学习好，万事不顺的万事顺！

[336022a2d22758347c14039f543aa481.png]: /images/20220829/c8a0c116f1ef432e8be29080fe0d9de8.png
[Link 1]: https://mp.weixin.qq.com/s?__biz=MzIxNjE1ODA5NA%3D%3D&idx=1&mid=2247503949&scene=21&sn=5f9966fe65fa0eed61702bc81e35783b#wechat_redirect