如何将用户从网页重定向到使用Basic认证或HTTPS保护的目标页面

原代码核心问题 #

• 语法混淆：你代码中的HttpContext、Encoding相关逻辑是C#服务端语法，不能直接在前端JavaScript环境中运行
• 跳转语法错误：window.location.replace是调用方法，不是可赋值属性，你的写法存在语法错误
• 兼容性问题：当前主流浏览器（Chrome 80+、Firefox 75+等）出于安全考虑，已经禁止直接在URL中携带username:password@的形式传递Basic Auth凭证，该方式现已无法生效

另外注意：浏览器默认的页面跳转、iframe加载等原生行为无法自定义请求头，因此纯前端无法直接实现携带Basic Auth头跳转，推荐使用服务端代理方案实现需求。

可行实现方案 #

方案1：PHP服务端代理方案 #

在当前站点部署代理接口，由服务端发起带Basic Auth头的请求获取目标页内容，再返回给前端用户，全程不会触发认证弹窗。

<?php
// 代理接口文件，可命名为 auth_proxy.php
$targetUrl = 'https://www.librojanasincantu.eu/page115.html';
// 可从当前站点的登录态中获取对应用户名密码，此处为示例
$username = '你的用户名';
$password = '你的密码';

// 构造Basic Auth请求头
$authHeader = 'Basic ' . base64_encode($username . ':' . $password);

// 发起CURL请求拉取目标页内容
$ch = curl_init($targetUrl);
curl_setopt($ch, CURLOPT_HTTPHEADER, ['Authorization: ' . $authHeader]);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, true);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);

$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($httpCode == 200) {
    // 原样输出目标站内容返回给前端
    echo $response;
} else {
    http_response_code($httpCode);
    echo "认证失败或目标资源不可访问";
}
?>

前端跳转逻辑修改为直接访问代理接口即可：

function redirectToContent(){
    window.location.href = '/auth_proxy.php';
}

方案2：Python（Flask）服务端代理方案 #

from flask import Flask, Response
import requests

app = Flask(__name__)

@app.route('/auth_proxy')
def auth_proxy():
    target_url = 'https://www.librojanasincantu.eu/page115.html'
    # 可从当前站点登录态中获取对应用户名密码，此处为示例
    username = '你的用户名'
    password = '你的密码'
    
    response = requests.get(
        target_url,
        auth=(username, password),
        verify=True
    )
    
    return Response(
        response.content,
        status=response.status_code,
        content_type=response.headers.get('content-type')
    )

if __name__ == '__main__':
    app.run()

注意：如果目标站包含相对路径的静态资源（CSS、JS、图片等），代理返回后可能出现资源加载失败的问题，可根据需求在服务端代理逻辑中添加路径替换规则，将相对路径替换为目标站的绝对路径即可。

内容的提问来源于stack exchange，提问作者Massimo Manca