前端将HTTP请求升级为HTTPS请求有两种方式:
一、index.html 中插入meta
直接在首页 index.html 的 head 中加入一条 meta 即可,如下所示:
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
二、使用JavaScript脚本动态插入上述meta
这种方式适合那种根据不同环境、平台去判断要不要升级为https的场景。判断逻辑根据项目需求自行编写,动态插入mata的代码如下:
const newMetaTag = document.createElement('meta');
newMetaTag.setAttribute('http-equiv', 'Content-Security-Policy');
newMetaTag.setAttribute('content', 'upgrade-insecure-requests');
document.querySelector('head').appendChild(newMetaTag);