发送一个请求，在请求头中设置了一个自定义的字段：结果在工具中正常接收但是在浏览器中发送同样的请求却接收不到

Question

使用工具发送一个请求，在请求头中设置了一个自定义的字段：

结果正常接收

但是在浏览器中发送同样的请求：

信息就接收不到：

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题分析： 从题目中可以看出，在使用工具发送一个请求时，设置了一个自定义的字段，但在浏览器中发送同样的请求时，信息却不能正常接收。这时需要考虑到使用工具和浏览器的区别以及HTTP协议的特点。 解决方案： 在HTTP请求中，请求包括请求头和请求体，其中请求头用于传输一些请求相关的信息，请求体用于传输真正需要传输的数据。而问题出在请求头中设置了一个自定义的字段，在使用工具发送请求时这个字段被正常处理，但在浏览器中发送同样的请求时，这个自定义字段却被忽略了。 解决方案有两种，一种是在浏览器中设置请求头的自定义字段，另一种是将自定义字段作为请求参数传输到后台，在后台中解析出来使用。现在主流的浏览器都提供了XHR对象（XMLHttpRequest），使用XHR对象可以非常方便的发送HTTP请求和接收响应。 案例： 在浏览器中发送请求并设置请求头中的自定义字段：testHeader=hello。

function sendRequest() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      console.log(xhr.responseText);
    }
  };
  xhr.open("GET", "http://localhost:8080/api/test", true);
  xhr.setRequestHeader("testHeader", "hello");
  xhr.send();
}

在后台使用Java代码获取请求头中的自定义字段。

@RequestMapping("/api/test")
@RestController
public class TestController {
    @GetMapping
    public String test(HttpServletRequest request) {
        String testHeader = request.getHeader("testHeader");
        return testHeader;
    }
}

在控制台输出结果：hello。 代码说明： 在浏览器中使用XHR对象发送GET请求到"http://localhost:8080/api/test"，并设置请求头中的自定义字段"testHeader"的值为"hello"。在后台将请求头中的自定义字段解析出来并返回。最后在控制台输出结果，即为请求头中的自定义字段的值"hello"。