正式开始安装

注意：安装需要用到三个域名，分别为一个主域名和两个用于后端接口的反向代理的两个域名，本教程中ai.nailuoyu.com我作为主域名，也就是用户可以正常访问的域名，h1.nailuoyu.com域名对应端口号为8802的java接口，h2.nailuoyu.com域名对应端口为8803的java接口服务

上传完成后解压

安装java服务

导入数据库文件

关于redis设置

部署后台后端接口服务

# MySQL 数据库环境变量配置
DB_HOST="localhost"          # 数据库主机
DB_PORT="3306"              # 数据库端口
DB_NAME="your_database"     # 数据库名称
DB_USER="your_user"         # 数据库用户名
DB_PASSWORD="your_password" # 数据库密码
# redis 环境变量配置
REDIS_HOST="127.0.0.1"    # Redis服务地址
REDIS_PORT="6379"    # Redis端口
REDIS_PASSWORD="your_password"    # Redis密码
REDIS_DATABASE="2"   # 数据库索引

部署前台后端接口服务

DB_USER="your_user"         # 数据库用户名
DB_PASSWORD="your_password" # 数据库密码
# redis 环境变量配置
REDIS_HOST="127.0.0.1"    # Redis服务地址
REDIS_PORT="6379"    # Redis端口
REDIS_PASSWORD="your_password"    # Redis密码
REDIS_DATABASE="2"   # 数据库索引

这样显示就是开始运行，如果哪个没有显示端口号请检查配置是否出错

也可通过浏览器访问服务器IP+8802端口以及8803端口检查是否搭建成功，如图显示就是成功

编译用户前端文件

这里我用h2.nailuoyu.com作为演示，此域名对应like-front-1.0.0.jar接口也就是端口号为8803的接口

按图中进入相应的文件夹

npm i

npm run build

编译后台前端页面

这里我用h1.nailuoyu.com作为演示，此域名对应like-admin-1.0.0.jar接口也就是端口号为8802的接口

npm i

npm run build

创建网站

# 主应用（前端）
    location / {
        alias /www/wwwroot/naiai/front/dist/;
        index index.html;
        try_files $uri $uri/ /index.html;
        
        # 禁用主应用的静态资源缓存（开发时可开启）
        location ~* \.(js|css|png|jpg|jpeg|ico|svg|woff2|gif|bmp|swf)$ {
            expires 0;
            add_header Cache-Control "no-cache, must-revalidate";
        }
    }
    
    # 后台管理前端
    location /backend/ {
        alias /www/wwwroot/naiai/front/backend/dist/;
        index index.html;
        try_files $uri $uri/ /backend/index.html;
        
        # 后台静态资源缓存
        location ~* \.(js|css|png|jpg|jpeg|ico|svg|woff2|gif|bmp|swf|webp)$ {
            expires 30d;
            access_log off;
            add_header Cache-Control "public";
        }
    }
    
    # 后端文件
    location /adminapi/ {
        alias /www/wwwroot/naiai/front/adminapi/;
        try_files $uri $uri/ /adminapi/index.php;
        
        # 如果是PHP项目需要取消以下注释
        # include enable-php.conf;
        # fastcgi_pass unix:/tmp/php-cgi.sock;
        # fastcgi_index index.php;
        # fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        # include fastcgi_params;
        
        # API接口禁用缓存
        add_header Cache-Control "no-store, no-cache, must-revalidate";
        expires 0;
    }
    
    # 前端文件
    location /api/ {
        alias /www/wwwroot/naiai/front/api/;
        try_files $uri $uri/ /adminapi/index.php;
        
        # 如果是PHP项目需要取消以下注释
        # include enable-php.conf;
        # fastcgi_pass unix:/tmp/php-cgi.sock;
        # fastcgi_index index.php;
        # fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        # include fastcgi_params;
        
        # API接口禁用缓存
        add_header Cache-Control "no-store, no-cache, must-revalidate";
        expires 0;
    }

添加接口反向代理

部署完成

完成以上步骤部署就算完成了

用户访问：https://你的主域名

后台管理入口：https://你的主域名/backend/

后台默认账号密码：admin 123456