使用vercel部署站点监测网站

准备工作：

GitHub：点击前往

注册登录：UptimeRobot

获取 UptimeRobot API Key：

https://dashboard.uptimerobot.com/integrations

API 代理说明

本项目支持以下三种部署方式,均可实现自动处理跨域请求:

  1. 腾讯云 EdgeOne Pages
    • 点击上方蓝色 “Deploy” 按钮
    • 连接到 GitHub，选择项目
    • 框架预设选择 Vue，点击开始部署
    • 使用默认配置 VITE_UPTIMEROBOT_API_URL = "/api/status"
  2. Vercel
    • 点击上方黑色 “Deploy” 按钮
    • 连接到 GitHub，选择项目
    • 填写项目名称，点击 Create
    • 使用默认配置 VITE_UPTIMEROBOT_API_URL = "/api/status"
  3. Cloudflare Pages
    • 点击上方橙色 “Deploy” 按钮
    • 找到计算(worker) 部分
    • 点击创建，选择 Pages，连接到 GitHub，选择项目，点击开始创建
    • 框架预设选择 Vue，点击保持并部署
    • 使用默认配置 VITE_UPTIMEROBOT_API_URL = "/api/status"
  4. 其他平台
    • 自行搭建 API 代理
    • 在 .env 文件中设置 VITE_UPTIMEROBOT_API_URL 为你的 API 代理地址

部署教程（本次教程使用vercel部署）

  1. 登录 UptimeRobot 并获取 UptimeRobot API Key
  2. 点击Deploy前往vercel部署：Deploy with Vercel
  • 点击上方黑色 “Deploy” 按钮
  • 连接到 GitHub，选择项目
  • 填写项目名称，点击 Create
  • 使用默认配置 VITE_UPTIMEROBOT_API_URL = "/api/status"
  1. 环境变量：

站点名称

1
VITE_APP_TITLE

UptimeRobot API Key

1
VITE_UPTIMEROBOT_API_KEY

路径

1
VITE_UPTIMEROBOT_API_URL = "/api/status"

绑定域名即可

PS:将自己的站点挂在https://dashboard.uptimerobot.com/网站上，打开上面部署好的项目绑定的域名中即可查看网站状态