cloudflare搞定隐性url,跟端口说拜拜

cloudflare搞定隐性url,跟端口说拜拜

jojo100 3 2024-07-17

*先说明下,隐性url重定向等同于是在一个网页里面浏览另外一个网页,所以这种方法不适用于如webdav之类的服务,比较合适的也就是挂个导航页或者登录门户的用途。

首先注册个cloudflare帐号。

在workers和pages页面里面,部署一个pages页面

1.avif

2.avif

选pages,选上传资产。

3.avif

弄个喜欢的名字,再创建项目。

接着新建个文本,复制这一串进去。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Nav</title>
    <link rel="icon" href="index.svg">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <style>
        body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            overflow: hidden;
        }

        iframe {
            width: 100%;
            height: 100%;
            border: none;
        }
    </style>
</head>
<body>
    <iframe src="https://xxx.xxxx.xxx:port"></iframe>
</body>
</html>

要改的就网站title,网页图标index.svg,还有下面填上你导航页的域名。

保存为index.html,跟你的图标如index.svg一起打包为index.zip,上传

4.avif

5.avif

6.avif

成功后就是这样效果,不过cf自带的域名不太合适~所以最好绑定下自己的域名

7.avif

绑定好后不一定那么快就能有效果,我是隔了一会才代理成功了,我是在cf直接绑定域名的,不清楚非cf的解析能不能行。


8.avif

最终效果如上,结束

示例附件:index.zip