Skip to content

控制端

Vercel 部署(推荐)

前端项目采用了宝塔部署,那么控制端项目我就换一种方式教大家

1、注册 Vercel 账号

官网:https://vercel.com/ (科学上网)

注册成功并登录后会看到这样的界面,这些都是部署的应用程序

我们点击右侧 Add New -> Project 按钮创建项目

image-20241225234746536

2、部署项目

控制端项目地址:https://github.com/LiuYuYang01/ThriveX-Admin

2.1 点击 Fork 按钮 克隆项目到自己的仓库 image-20241225234806954

2.2 找到刚刚 Fork 的项目 点击 Import 导入

image-20241225234826055

2.3 如果不显示刚刚 Fork 的项目就手动导入(尽量在项目列表导入,否则后续会很麻烦),剩下的流程都是一样的

image-20241225234837333

2.4 当看到这个界面就表示部署没问题了

image-20241225234851931

3、自定义域名

需要注意的是 Vercel 是国外的平台,因此部署的网站默认只能翻墙访问,但我们可以配置国内 cdn 解决这个文件

image-20241225234903186

4、替换为自己的后端域名

  • 在自己的 GitHub 仓库找到刚刚在 Vercel 创建的仓库 my-blog
  • 进入到 src -> urils -> request.ts 文件夹,点击右侧编辑按钮
  • 替换为自己的后端域名
  • 点击右侧 Commit changes 按钮保存
  • 保存之后等待 Vercel 自动重新部署

image-20241225234919449

这里我补充一下,如果使用 vercel 部署,则后端域名必须是 https协议,图文中 http是错误的

接下来等待自动化部署

image-20241225234936275

5、配置环境变量

参考:星火大模型API申请教程 参考:百度统计API申请教程

bash
# 项目后端API地址
VITE_PROJECT_API=https://你的后域名:9003/api

# 百度统计相关配置(可选)
VITE_BAIDU_TONGJI_SITE_ID=
VITE_BAIDU_TONGJI_ACCESS_TOKEN=

# 星火AI相关配置(可选)
# 选择 Spark Lite 大模型,其他的是收费的
VITE_AI_APIPassword=
VITE_AI_MODEL=lite # 如果选择的是 Spark Lite 则不需要改动这里

# 高德地图Web API
VITE_GAODE_WEB_API=

image-20241225235045407

6、部署成功

默认账号:admin 密码:123456

image-20241225235234200

宝塔

持续更新

Docker 部署

持续更新

交流群

加微信进群:liuyuyang2023

拒绝白嫖,问问题先点 Star + Fork,感谢支持!

技术支持 50 元不议价,包含(远程安装 + 3 天内答疑服务)