带有授权 header 的 JavaScript 重定向 URL

标签 javascript jquery apache basic-authentication

我成功地调用了 Apache 中受基本身份验证(htpasswd 等)保护的目录后面的 URL。 Ajax GET 请求正常工作并返回 protected 内容:

var encoded = Base64.encode(username + ':' + password);
$.ajax({
    url: "/app/test",
    type: "GET",
    beforeSend: function(xhr) {
        xhr.setRequestHeader('Authorization', 'Basic ' + encoded);
    },
    success: function() {
        window.location.href = '/app/test.html';
    }
});

我最初的假设是,一旦 Web session 成功授权了请求,就可以在“成功” block 中进行重定向,而无需询问用户凭据 .调用此代码块时,用户已在未 protected 环境中输入用户名和密码。但是,当调用重定向时,浏览器会弹出登录/密码窗口。

关于如何使用用户提供的基本授权预授权 session 的任何建议?

最佳答案

使用 AJAX 请求进行日志记录通常可以工作,因为成功的 AJAX 请求会设置 session cookie,这些 session cookie 将在所有后续请求中透明地发送。

也许您的 cookie 已设置,但由于某些原因未透明设置:您可以使用 xhr.getAllResponseHeaders()/xhr.getResponseHeader() 检查,然后使用 document.cookie 设置它们。

如果没有 session cookie,则此行为通常会失败。

您可以尝试使用 url 中的用户名+密码进行重定向(不推荐,因为之后用户名+密码可能会在浏览器地址 url 栏中可见):

    window.location.href =
        window.location.protocol + "//" +
        username + ":" + password + "@" +
        window.location.hostname +
        (window.location.port ? ":" + window.location.port : "") +
        '/app/test.html';

您还应该测试以延迟重定向......因为它可能正在工作,但您需要给浏览器一些额外的时间,您是否尝试过:
   var encoded = Base64.encode(username + ':' + password);
   $.ajax({
       url: "/app/test",
       type: "GET",
       beforeSend: function(xhr) {
           xhr.setRequestHeader('Authorization', 'Basic ' + encoded);
       },
       success: function() {
           setTimeout(function() {
               window.location.href = '/app/test.html';
           }, 333);
       }
   });

关于带有授权 header 的 JavaScript 重定向 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28589224/

相关文章:

javascript - 使用.play()通过按Enter键播放/暂停视频

php - 如何使用 gnupg 在 PHP 中导入 pgp 私钥?

javascript - 我们如何隐藏 div 的滚动条?

同一 URL 上的 Apache2 WebSockets 反向代理

apache - ERR_EMPTY_RESPONSE 尝试访问 phpmyadmin 时

javascript - 如何使用jQuery Countdown插件创建计时器“计数”?

javascript - 为什么我的jQuery不更新DOM?

javascript - 上传前使用 HTML5 调整图像大小

javascript - 如何使用 jquery 向表中添加链接?

jquery - jQuery单击事件,当单击图像时显示大图像