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

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


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页面就好了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容