大家好，我是雄雄，歡迎關(guān)注微信公眾號：👉雄雄的小課堂👈。

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

👨?🏫前言

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

👩?💻技術(shù)

若依前后端框架：

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

服務(wù)器：centos7+Nginx配置

📌配置思路

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

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

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

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

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

在終端啟動后端項目

在瀏覽器訪問已經(jīng)配置好的域名

😒錯誤信息

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

🖖解決方法

找了半天，發(fā)現(xiàn)是Nginx配置錯誤，正確配置代碼如下所示：

# 這里配置的是80端口監(jiān)聽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處寫你的域名即可。

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

🙌🙌祝各位點贊的小伙伴們單身的不單身，學(xué)習(xí)不好的學(xué)習(xí)好，萬事不順的萬事順！

ame`處寫你的域名即可。

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

🙌🙌祝各位點贊的小伙伴們單身的不單身，學(xué)習(xí)不好的學(xué)習(xí)好，萬事不順的萬事順！

總結(jié)

以上是生活随笔為你收集整理的若依前后端部署之后验证码不显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。