再次遇到前后端分離運維問題記錄

開發完后小伙伴都會面臨運維

再次遇到前后端分離運維問題記錄

部署的問題我用的是寶塔面板個人感覺挺好用的，當然如果想練習Linux命令也可以去FinalShell挺好用的

后端用的Springboot打jar包前端Vue

clean掉每次編譯生成的target再次package就好了記得要改pom.xml的配置改成jar檔案

前端Vue-------dist同理與后端的target是編譯過后的包里邊就是html+css+js檔案

運行這個就可以打包從新生成dist檔案記得把之前的dist洗掉掉，

前后端分離推薦用jar包+Nginx，war包方式tomact得修改配置不推薦

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;   
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    server {
        listen       80;   //前端的埠域名記得一定在騰訊云，阿里云開發此埠，寶塔面板也需要放行對應域名埠寶塔面板新增網站后都為80
        server_name  www.tg-v.cn; //域名

        location / {
          root  /www/wwwroot/www.tg-v.cn/dist; //前端專案存放路徑dist是Vue打包完之后生成的默認包名
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;   //默認首頁路徑
        }
        //請求轉發每次請求頁面的時候加上/prod-api/埠號指向8066jar包埠號
        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:8066/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    server {
        listen       80;
        server_name  wenda.feishuceshi.com;

        location / {
          root  /www/wwwroot/wenda.feishuceshi.com/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:8081/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

Nginx配置多個域名的配置詳細配置參考Nginx知識寶塔Nginx默認配置是轉發的phpMyAdmin

站點就不需要開了用Nginx就不需要開了Nginx去做統一請求的轉發

寶塔添加網站默認域名都為80，

------------------------------------------------------

后端專案部署地址寶塔提供了Springboot一件部署nohup java -jar寶塔也提供了

埠記得要在阿里云，騰訊云只要是cloud都得放行埠，寶塔面板也得對應結束行程就得kill-9 對應id這個部署Nginx的時候也會出現此問題

大致的前后端分離就是這樣部署的如果采坑到Nginx的問題首先先看日志，度娘在進行解決，如果實在解決不了請私聊博主必定給你拿捏！！！

一位前后端的小菜雞寫博客純屬之前遇到的問題分享下有興趣可以加樓主交流交流哦！！！微信：sophiejid

樓主推薦先去白嫖谷歌Cloud(云)免費白嫖一年過幾天發下教程

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/211732.html

標籤：其他

上一篇：Django+nginx+uwsgi前后端分離阿里云linux系統部署

下一篇：最全！最完整！部署ceph集群（二）