若依前后端部署之后验证码不显示

2024-07-06 15:08| 来源: 网络整理| 查看: 265

大家好，我是雄雄，欢迎关注微信公众号：👉雄雄的小课堂👈。

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

👨‍🏫前言

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

👩‍💻技术

若依前后端框架：

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

服务器：centos7+Nginx配置

📌配置思路

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

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

前端页面可以访问，但是验证码没有加载出来（暂无图），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处写你的域名即可。

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

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

ame`处写你的域名即可。

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

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

【本文地址】

公司简介

联系我们