http替换成https遇到的坑

本文讲述了在将系统从http迁移到https过程中遇到的三个问题:1) 引入高德地图需改为https;2) websocket连接需要适配https;3) docker中nginx配置错误。解决方案包括根据协议创建安全的websocket连接和修正nginx配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、引入高德地图,需要改http为https引入。

<script language="javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=你的密钥&plugin=AMap.ControlBar,Map3D,AMap.DistrictSearch"></script>

<script language="javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的密钥&plugin=AMap.ControlBar,Map3D,AMap.DistrictSearch"></script>

说明:
看到很多人说,高德地图引入必须是https,但是我http引入了多年也能用。
直到将自己系统升级到https后才必须要使用https的地图引入方式。

2、websocket报错

vue.runtime.esm.js:1888 DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

和地图引入报错类似,https访问时无法加载不安全的websocket链接。
于是将代码中的

new WebSocket('ws://&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值