美文网首页
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