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

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

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

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

????‍????技术
若依前后端框架:

服务器:centos7+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处写你的域名即可。

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

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

目录
相关文章
|
小程序 NoSQL JavaScript
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
【易售小程序项目】”我的“界面实现+“信息修改“界面实现+登出账号实现+图片上传组件【基于若依管理系统开发】
105 0
|
jenkins 持续交付
Jenkins 管理界面里提示“反向代理设置有误“的问题解决办法
Jenkins 管理界面里提示“反向代理设置有误“的问题解决办法
1746 0
Jenkins 管理界面里提示“反向代理设置有误“的问题解决办法
|
5月前
|
JavaScript
大世界项目21——如何实现更换头像的功能
大世界项目21——如何实现更换头像的功能
|
6月前
使用mac版本试用版Beyond过期报错,反复提示要注册的提示信息问题,暂时没有解决方案
使用mac版本试用版Beyond过期报错,反复提示要注册的提示信息问题,暂时没有解决方案
88 1
|
5月前
|
自然语言处理 机器人
chatGPT提示邮箱不支持的解决办法汇总!
一些用户在创建过程中遇到了提示“Oops! The email you provided is not supported”。中文的意思是“糟糕,邮箱不支持”。该如何解决呢?
2169 0
|
6月前
|
前端开发 JavaScript Java
若依部署上线之后验证码不显示的解决方法之一
若依部署上线之后验证码不显示的解决方法之一
|
6月前
|
自然语言处理 小程序 API
10月开发者日回顾|订单中心、排查工具、验收工具、搜索BOX全面升级,observers 支持配置化监听
10月开发者日回顾|订单中心、排查工具、验收工具、搜索BOX全面升级,observers 支持配置化监听
185 11
|
6月前
|
IDE 开发工具
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败
微信IDE开发过程,提示上传云函数 lbs_server 失败
|
JavaScript BI PHP
禅道 给禅道缺陷增加自定义字段供不同的缺陷操作页面使用 2
禅道 给禅道缺陷增加自定义字段供不同的缺陷操作页面使用
372 0
禅道 给禅道缺陷增加自定义字段供不同的缺陷操作页面使用 2
|
存储 JavaScript Linux
禅道 给禅道缺陷增加自定义字段供不同的缺陷操作页面使用 1
禅道 给禅道缺陷增加自定义字段供不同的缺陷操作页面使用
695 0