uptimestatus漂亮的网站监控面板更新升级教程(监控画面轮巡怎么设置)

uptimestatus漂亮的网站监控面板更新升级教程(监控画面轮巡怎么设置)

浏览次数:
信息来源: 用户投稿
更新日期: 2026-03-29 15:39:53
文章简介

最近UptimeRobot官方的接口经常抽风,表现为响应头中丢失CROS,导致跨域出错~ 作者今天终于新增了自定义API域名的配置,以及在README中说明了如何通过

2025阿里云双十一服务器活动

最近UptimeRobot官方的接口经常抽风,表现为响应头中丢失CROS,导致跨域出错~

作者今天终于新增了自定义API域名的配置,以及在README中说明了如何通过CloudflareWorkers搭建自己的接口,这篇文章就来说说如何更新升级~

1、简介

  • 项目:https://github.com/yb/uptime-status
  • 下载:https://github.com/yb/uptime-status/releases/download/v1.5.1/uptime-status.zip
  • 演示1:https://status.org.cn/
  • 演示2:http://status.ctho.me/
  • 2、安装

    安装教程:https://www.daniao.org/8485.html

    3、新建CloudflareWorkers

    1)如果之前已经安装了,那么下载最新版本,直接上传覆盖即可。这个就不细说了。

    2)用CloudflareWorkers搭建UptimeRobotAPI代理,以解决官网API跨域问题。

    额,Cloudflare的账号应该都有的吧,没有自行注册一个。

    登录Cloudflare后,点击右下角的works,然后创建works,粘贴代码保存即可,如下:

    3)粘贴代码,如下:

    consthandleRequest=async({request})=>{

    leturl=newURL(request.url);

    uptimestatus漂亮的网站监控面板更新升级教程,监控画面轮巡怎么设置

    response=newResponse(response.body,response);

    response.headers.set('Access-Control-Allow-Origin','*');

    response.headers.set('Access-Control-Allow-Methods','*');

    response.headers.set('Access-Control-Allow-Credentials','true');

    response.headers.set('Access-Control-Allow-Headers','Content-Type,Access-Token');

    response.headers.set('Access-Control-Expose-Headers','*');

    addEventListener('fetch',(event)=>{

    event.respondWith(handleRequest(event));

    4)保存后,复制分配给你的域名,备用,看图:

    4、修改config.js

    修改?中的为你的域名;到你网站根目录把刚刚的works域名复制过来粘贴保存即可。

    SiteName:'UptimeStatus',

    //只需填写域名部分,默认为官网域名

    //因官网API时不时的会CROS报错,可填自定义反代域名

    //详见https://github.com/yb/uptime-status/说明

    ApiDomain:'api.uptimerobot.com',

    注意:ApiDomai这里填写你刚刚搭建的cfworks的分配的域名。

    5、最后

    上面的全部搞定之后,一个漂亮的监控站点就搭建好了。跨域错误也就解决了。因为是纯静态的程序。

    安装的话直接下载zip包,解压,修改config.js配置你的key,然后随便找个空间把文件传上去就行,不需要php等支持,阿里云oss都可以。跨域的问题,就依照本教程设置下也就可以了。

    标签:
    宝塔面板搭建HTML5(宝塔搭建本地测试网站)
    « 上一篇
    返回列表
    下一篇 »

    如本文对您有帮助,就请抽根烟吧!