avatar

十六小站

欢迎来到我的个人主页! 期待与您分享我的经验与故事,一起探索技术的无穷可能!

  • 首页
  • NAS专题
  • 关于
Home HTML中的HTTP升级HTTPS请求
文章

HTML中的HTTP升级HTTPS请求

Posted 2024-06-27 Updated 2024-10- 19
By 十六 已删除用户
2~3 min read

前一段时间在做onlyoffice的集成时发现,做了https代理后会出现某一个内部请求一直是http,无法修改为https,如果要修改就需要跟踪源码修改编译,这样太耗时而时间又紧,查阅资料发现可以强制浏览器中的所有http请求升级为https。

添加mate升级请求

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />

动态引入

添加后测试所有的http都升级成了https请求,但是问题又来了 ,我使用http请求来访问 ,未做https的配置 ,则不能正常使用了 ,为了能兼容两种场景 ,引入js动态引入mate数据,代码如下:

<script>

    // 根据URL的不同,动态创建meta标签
    function loadMetaTags() {
        var meta = document.createElement('meta');
        if (window.location.protocol === 'https:') {
            meta.setAttribute('http-equiv', 'Content-Security-Policy');
            meta.setAttribute('content', 'upgrade-insecure-requests');
            document.head.appendChild(meta);
        }
    }
    // 页面加载完成后执行
    window.onload = loadMetaTags;
</script>

修改后测试 ,http和https都可以正常访问了 。

前端
License:  CC BY 4.0
Share

Further Reading

Sep 6, 2025

记一次前端优化(vue2)

由于博主所在公司的前端缺乏高端人员,导致前端代码臃肿,前端页面加载耗时基本上在min级别,于是博主决定进行一次优化 。首先贴上优化前的加载截图 ,明显可以看出 ,资源加载竟然加载了45.2MB,耗时在2.1min。 1. 引入Bundle Size检查打包体积 (1)下载依赖

Apr 2, 2025

简单规则引擎

背景 在一些项目中我们需要通过用户自定义配置一些阈值逻辑进行判断是否触发阈值,例如大部分IOT项目中需要设置自动触发条件(例如:每天22:00后 且 窗帘关闭的情况下关灯)。 当然有一些成熟如规则引擎如:Drools和LiteFlow,但是这里写一款简单的java实现方案作为记录。 前端示例 以下示

Oct 27, 2024

HTML编译成应用程序

如果你想将 HTML 网页包装成 Windows 应用程序,可以使用 Electron。下面是详细步骤: 使用 Electron 创建 Windows 应用程序 1. 安装 Node.js 和 npm - 首先确保你安装了 Node.js 和 npm(Node.js 的包管理器)。你可以从 [Nod

OLDER

node版本管理工具

NEWER

ACME证书自动续期

Recently Updated

  • KubeShpere部署(4.1.2)
  • 微服务之Auth篇
  • 记一次前端优化(vue2)
  • SpringBoot3.X-2(缓存Redis/memory)
  • SpringBoot3.X-1(MP+Druid)

Trending Tags

Java Docker 前端 中间件 数据库 群晖 unraid

Contents

©2025 十六小站. Some rights reserved.

Using the Halo theme Chirpy