uni-app和 H5 解决mixed-content方案

2021-06-07  本文已影响0人  阳光下丶憧憬

在我们平常开发中,有时候会碰见以下这个错误:


image.png

如果用翻译软件翻译过后就会明白大概意思:在https页面中去请求Http,是不安全得,需要把所有请求都换成Https,此时我们解决方案通常有两种:

H5:

1.把页面内的资源请求路径改造成为https,比如:

http://fonts.googleapis.com/earlyaccess/notosanssc.css
#改为:
https://fonts.googleapis.com/earlyaccess/notosanssc.css

2.添加Meta标签,也是最常用、最便捷得方法:

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

当我们有很多资源都是Http得时候,替换比较麻烦,这时候可以在html的head头里面添加这个标签

UNI-APP:

如果是uni-app的H5页面,那就很方便了
1.打开根目录下的manifest.json,如下图所示:

image.png

2.勾选启用Https协议,然后确定,发布H5页面就好了

上一篇下一篇

猜你喜欢

热点阅读