RuleApi宝塔搭建教程-技术教程分享论坛-服务器相关专区-樱花云社区-樱花主机社区

RuleApi宝塔搭建教程

1.运行环境准备

nginx 1.26

mysql 5.7

jdk 1.8.0

redis 6.2

node js 版本管理器 2.5

node js 18.20.5

2.文件下载

后端

https://lanzouw.com/i0r6C2km9dmj

前端

https://hssq.lanzouw.com/irZgU2kn0z7i

3.搭建后端

将文件传到

/www/wwwroot

目录下,然后解压

20250111191325408-IMG_20250111_191313

解压完成后创建数据库

数据库名

api

密码

xTkra8fhktWsS4eM

20250111191451984-IMG_20250111_191419

创建完成后点击网站添加项目

jar路径

/www/wwwroot/api/RuleApi.jar

端口

8080

项目jdk

1.8.0

启动用户 root

20250111191929606-IMG_20250111_191754

完成后点击提交

4.搭建后端ui

20250111192318806-IMG_20250111_192257

添加网站

php纯静态

申请ssl

20250111192521450-IMG_20250111_192510

(要申请的话,现在就申请)后面设置伪静态之后可能会导致验证出现问题

设置为静态

20250111192701585-IMG_20250111_192650

location ^~ / {
  add_header 'Access-Control-Allow-Origin' '*';
  add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
  add_header 'Access-Control-Allow-Credentials' 'true';
  add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,X-Data-Type,X-Requested-With,X-Data-Type,X-Auth-Token';
  if ( $request_method = 'OPTIONS' ) { 
    return 200;
  }
  proxy_pass http://127.0.0.1:8080;
  proxy_set_header Host $host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_set_header REMOTE-HOST $remote_addr;
}

5.访问后端ui进行安装

20250111192821485-IMG_20250111_192803

20250111193021655-IMG_20250111_193010

点击不想安装

20250111193106205-IMG_20250111_193042

管理key

468468428

设置一个管理员账号和密码

设置完成后继续安装

20250111193323965-IMG_20250111_193225

20250111193323805-IMG_20250111_193238

点击完成就可以登录后台了

20250111193323512-IMG_20250111_193250

5.前端文件修改

下载前端文件

https://hssq.lanzouw.com/irZgU2kn0z7i

编辑 nuxt.config.js 配置服务端接口和key

20250111224928418-IMG_20250111_224907

key获取

20250111225316234-IMG_20250111_225311

后台→应用模块应用管理→添加应用

只需要随便填一个名称,然后提交就可以看到密钥了

20250111225500609-IMG_20250111_225415

6.web前端搭建

20250111224320122-IMG_20250111_224305

点击网站→node项目→node 版本管理器→安装v18.20.5→并设置为命令行版本→完成后点击安装模块

挨个安装以下模块

20250111224649250-IMG_20250111_224613

registry cnpm

安装完成后进入

/www/wwwroot

上传修改好的前端并解压

20250111230323512-IMG_20250111_230306

完成之后我们需要安装一下前端

安装前还需要执行一个命令

npm install --registry=https://registry.npm.taobao.org

开始安装前端

20250111231045570-IMG_20250111_231013

依次输入以下命令来安装前端

cd /www/wwwroot/web
cnpm run start

回车输入y 提示以下内容就代表安装成功了

20250111231250350-IMG_20250111_231237

安装完成之后,我们点击网站去,添加node项目,参数按图片中这么填

20250111231715135-IMG_20250111_231700

启动命令

cnpm run start

包管理器 npm

端口 3000

域名 自己解析

完成后点击提交

效果展示

20250111232125271-IMG_20250111_232004

累死我了,明天再出一期视频教程😂

请登录后发表评论

    没有回复内容

樱花云