如何在Angular中通过req.clone为HTTP请求添加指定头信息

首先需要明确：<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 是作用于浏览器端的配置，用来让浏览器自动将页面内的HTTP请求升级为HTTPS请求，不需要通过请求头发送给服务器。

但如果你是想给单个请求添加告知服务器允许升级不安全请求的请求头，可以设置 Upgrade-Insecure-Requests 头，值为 1。结合你原来的请求克隆代码，写法如下：

const modifiedReq = req.clone({
  params: new HttpParams().set('MYPARAM', MyParamValue),
  setHeaders: {
    'Upgrade-Insecure-Requests': '1'
  }
});

补充说明 #

• 如果你需要全局让浏览器处理所有不安全请求，直接在页面的 <head> 中添加目标meta标签即可，不需要在每个请求里单独设置请求头。
• 单个请求设置 Upgrade-Insecure-Requests 头，是告知服务器当前请求希望被升级为HTTPS，需要服务器支持并响应对应的升级逻辑才能生效。

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