“

大家好，我是雄雄，歡迎關注微信公眾號：????雄雄的小課堂????。

”

最近的幾天都在搞publiccms的內容，從0到1實現，在花費了大量精力下，終于將一個門戶站完完全全的實現了，且還可以自定義擴展內容；欣喜之余，為了避免后期遇到該技術能盡快上手，所以決定趁熱打鐵，出一份使用publiccms實現普通門戶站的入門級教程，各位小伙伴們敬請期待……

?????????前言

今天在部署若依前后端到服務器上時，發現前端的驗證碼怎么都出不來，隨便上網一查，相關問題以及解決方案數不勝數，遺憾的是，沒有一條適合我的。

?????????技術

若依前后端框架：

• 前端：vue

• 后端：springboot、springmvc、mybatis

服務器：centos7+Nginx配置

????配置思路

之前有介紹過前后端分離項目如何部署到服務器，忘記的可以點連接去看看，前后端分離項目部署上線詳細教程

將后端springboot項目打包成jar文件，傳至服務器指定目錄下。

將前端vue項目打包成dist文件夾，傳至服務器指定目錄下，我一般習慣和對應的后端jar包放在同一目錄下。

解析域名至服務器下（不會的可以自行百度，很簡單）

配置Nginx文件（驗證碼沒有出來，就是沒有正確配置Nginx文件）

在終端啟動后端項目

在瀏覽器訪問已經配置好的域名

????錯誤信息

前端頁面可以訪問，但是驗證碼沒有加載出來（暫無圖），F12打開查看發現請求報錯。

????解決方法

找了半天，發現是Nginx配置錯誤，正確配置代碼如下所示：

#?這里配置的是80端口監聽hbv.51qph.comserver?{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處寫你的域名即可。

好了，今天的分享就到這里，有問題的可以在留言區留言哈。

????祝各位點贊的小伙伴們單身的不單身，學習不好的學習好，萬事不順的萬事順！

總結

以上是生活随笔為你收集整理的若依部署上线之后验证码不显示的解决方法之一的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。