通过宝塔部署前后端分离项目(SpringBoot+Vue)

  1. 放开项目中涉及的端口
    安全->添加端口规则->指定哪些IP可以访问
    在这里插入图片描述
    在这里插入图片描述

  2. 配置项目数据库
    在这里插入图片描述

我习惯通过navicate连接数据库,如果连接数据库出现Access denied for user ‘root’@ ‘...’ (using password: YES)等问题,可以参考https://www.jb51.net/article/264010.htm
3. 部署后端

  • 将后端jar包上传到指定目录下

在这里插入图片描述

  • 网站->添加java项目->选择项目类型->指定jar包所在位置->指定项目端口并放行允许外界访问->配置需要的jdk信息

在这里插入图片描述

  • 添加成功后点击项目名称可以打开项目管理弹窗,通过项目日志可以查看项目启动情况

在这里插入图片描述

4.部署前端

  • 上传前端文件夹到指定目录下

在这里插入图片描述

  • 网站->PHP项目->添加站点->指定服务器IP和端口->选择前端文件所在目录

在这里插入图片描述

  • 添加成功后点击网站名,在配置文件中修改nginx配置
    在这里插入图片描述

如果项目有多个前端入口,比如我的项目有用户端和管理端入口,只需要重复上面的操作,只是在添加站点的时候,由于服务器的IP已经被其他站点使用,这个时候只需要随便指定一个IP和一个未被占用的端口,添加成功后,选择这个站点的设置按钮,添加服务器的IP,并将之前那个随便填的IP删除就可以了

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

前端配置文件

server
{
    listen 8081;
    server_name xxx.xxx.xxx.xxx;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/managerUI/dist;
    try_files $uri $uri/ /index.html;

    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END

    #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END

    #PHP-INFO-START  PHP引用配置,可以注释或修改
    include enable-php-80.conf;
    #PHP-INFO-END

    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/xxx.xxx.xxx.xxx.conf;
    #REWRITE-END

    #禁止访问的文件或目录
    location ~ ^/(\.user.ini|\.htaccess|\.git|\.env|\.svn|\.project|LICENSE|README.md)
    {
        return 404;
    }

    location /prod-api/ {
     # 去除 /prod-api 前缀
      rewrite ^/prod-api/(.*)$ /$1 break;
      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_set_header X-Forwarded-Proto $scheme;
			proxy_set_header X-NginX-Proxy true;
			proxy_pass http://localhost:8080;
		}

    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }

    #禁止在证书验证目录放入敏感文件
    if ( $uri ~ "^/\.well-known/.*\.(php|jsp|py|js|css|lua|ts|go|zip|tar\.gz|rar|7z|sql|bak)$" ) {
        return 403;
    }

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }

    # location ~ .*\.(js|css)?$
    # {
    #     expires      12h;
    #     error_log /dev/null;
    #     access_log /dev/null;
    # }

    access_log  /www/wwwlogs/xxx.xxx.xxx.xxx.log;
    error_log  /www/wwwlogs/xxx.xxx.xxx.xxx.error.log;
}
  • 8
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值