再次遇到前后端分离运维问题记录

开发完后小伙伴都会面临运维

部署的问题我用的是宝塔面板个人感觉挺好用的，当然如果想练习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