javascript - 在页面重定向上设置自定义请求 header

Question

我有一个 Web 应用程序，我们称之为 server1:8080/amcd 这个应用程序有一个设置，允许用户在我在页面请求中传入自定义请求 header 时自动登录。这个自定义 header 称为“REMOTE_USER”。

我的计划是在另一个 Web 应用程序上有另一个页面，我们称之为 server2:8080/ssoRedirect/test.html 服务器 2 上的这个应用程序就像一个过滤器，我将在其中传递一个 URL 参数，例如 server2:8080/ssoRedirect/test.html?UserName=user1 此页面将采用“user1”参数并重定向到 server1:8080/amcd 页面，同时在“REMOTE_USER”页面请求中注入(inject)“user1”值。

关于如何实现此目标的任何建议？

我正在查看如下所示的一些简单的 javascript，但无法使其正常工作。

<script>

var url = "http://localhost:8080/index.html?userName=user1"; // or window.location.href for current url
var usernameParam = /userName=([^&]+)/.exec(url)[1]; 
var result = usernameParam ? usernameParam : 'myDefaultValue';

 function customHeader(remoteinput, userinput) {
    var client = new XMLHttpRequest();
    client.open("POST", "/log");
    client.setRequestHeader(remoteinput, userinput);

}
    window.location.href = "http://ephesoft.eastus2.cloudapp.azure.com:8080/dcma/";

</script>

当我为 chrome 和 firefox 使用 Modify header 插件时，我能够完成这项工作。

Image of not request page header

Answer 1

除非您使用 XMLHttpRequest 发出异步请求，否则网页无法设置 HTTP 请求 header 。在这种情况下你不是，你正在做一个重定向，就像点击一个 href。不要依赖自定义 header ，而是根据您的后端使用以下任何一种:

1. cookies
2. 获取变量
3. POST 变量