美文网首页
uni-app和 H5 解决mixed-content方案

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

作者: 阳光下丶憧憬 | 来源:发表于2021-06-07 10:03 被阅读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页面就好了

相关文章

网友评论

      本文标题:uni-app和 H5 解决mixed-content方案

      本文链接:https://www.haomeiwen.com/subject/ssvjfltx.html