要实现一个简单的反向代理,可以使用以下的HTML代码:

<!DOCTYPE html>
<html>
<head>
    <title>Reverse Proxy</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        iframe {
            width: 100%;
            height: 100vh;
            border: none;
        }
    </style>
</head>
<body>
    <iframe id="proxyFrame" src="http://kvk666.jsppc.cn/"></iframe>

    <script>
        $(document).ready(function () {
            var proxyFrame = document.getElementById('proxyFrame');
            var proxyWindow = proxyFrame.contentWindow || proxyFrame.contentDocument.document || proxyFrame.contentDocument;
            
            $(window).on('message', function (event) {
                var message = event.originalEvent.data;
                
                if (message.type === 'proxy') {
                    var url = message.url;
                    proxyWindow.location.href = url;
                }
            });
        });
    </script>
</body>
</html>

这段代码创建了一个包含一个iframe的页面,将其 src 属性设置为 http://kvk666.jsppc.cn/。当接收到来自父页面的消息时,会将 iframe 的 src 属性设置为消息中指定的 URL。这样,就可以通过在父页面中发送消息来实现反向代理的效果。

在父页面中,可以使用以下 JavaScript 代码来发送消息:

var iframe = document.getElementById('proxyFrame').contentWindow;
var url = 'http://example.com';  // 要代理的网站 URL
iframe.postMessage({ type: 'proxy', url: url }, '*');

将上述代码中的 http://example.com 替换为你想要代理的网站 URL,然后在父页面中执行该代码,即可将代理请求发送给 iframe 进行处理。

用html写一个反向代理代码 展示这个网站httpkvk666jsppccn

原文地址: https://www.cveoy.top/t/topic/i9zo 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录