使用宝塔部署前后端项目

使用宝塔部署前后端项目

前言

宝塔面板是一款非常好用的服务器管理软件，可以帮助我们快速部署前后端项目，下面我们就来看看如何使用宝塔部署前后端项目。

步骤

1. 安装宝塔面板

CentOS系统下执行以下命令安装宝塔面板：

1
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

2. 登录宝塔面板

安装完成后，会提供登录地址、用户名和密码，打开浏览器输入地址，输入用户名和密码登录。

3. 开放安全组端口

登录阿里云控制台，找到安全组，开放端口。

alt text

同时，登录宝塔面板，找到防火墙，开放端口。

alt text

4. 创建数据库

登录宝塔面板后，点击左侧的数据库，然后点击创建数据库，输入数据库名称、用户名和密码，点击创建即可。

5. 部署前端项目

点击左侧的网站，然后点击添加站点，输入站点名称、域名、根目录，点击提交即可。

6. 配置Nginx

点击左侧的网站，然后点击设置，找到Nginx配置文件，将前端项目的Nginx配置文件替换为以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
server {
    listen 5173;
    server_name 8.134.51.50;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/ssewhy/front/dist/;

    # CORS 配置
    add_header 'Access-Control-Allow-Origin' '*' always;
    add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;
    add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept, Authorization, X-Requested-With' always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;

    # API 路由配置
    location /api {
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept, Authorization, X-Requested-With';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Content-Length' 0;
            add_header 'Content-Type' 'text/plain; charset=utf-8';
            return 204;
        }

        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'Origin, Content-Type, Accept, Authorization, X-Requested-With';
        add_header 'Access-Control-Allow-Credentials' 'true';

        proxy_pass http://8.134.51.50:8080;
    }

    # 其他配置
    location / {
        try_files $uri $uri/ /index.html;
    }
}

7. 部署后端项目

将后端jar包打包好，然后上传到服务器，运行命令：

前台运行：

1
java -jar xxx.jar

后台运行：

1
nohup java -jar xxx.jar &

8. 访问项目

打开浏览器输入域名，即可访问项目。

参考资料