当前位置 : 主页 > 网站建设 > 正文

HTTPS无法访问站外HTTP资源图片、CSS、JS内容错误打不开

原创

重庆seo2018-11-24 12:31:00阅读()https设置A+ / A-

HTTPS是主流大趋势,也就是在HTTP协议上再增加SSL成本虽然比HTTP协议的网站稍微高了点,但结合熊掌号后,HTTPS的网站确实在一定程度上排名较好。这是吖七亲自试验过的。网站启用了HTTPS协议,页面上很多没有启用HTTPS的站外资源就不能使用了,在浏览器下会被直接block掉,比如图片、CSS、JS、视频等。

HTTPS协议下,对非HTTPS的站外资源,浏览器会认为这是不安全的资源,默认阻止并提示错误。这就是为什么HTTPS页面下,无法显示站外非HTTPS协议下CDN加速的图片、CSS、JS的原因。这些资源放在本地还是可以的,很多时候我们是需要HTTP和HTTPS资源共存的。有两种办法解决,一种是把资源全部本地,另外一种是改造外部的资源。

如果是全站都做CDN加速,可以不用站外资源,本地化就行了。如果本身服务器不用这些资源,只是引用站外资源的话就需要做如下修改。

HTTPS站内下引用外部资源的时候取消HTTP或HTTPS协议即可,即

<img src="//oss.vi586.com/images/logo.jpg">

这个设置并不是最好的,比如站外资源用七牛云CDN加速后,同样不能调用、显示,这个时候就需要对七牛云进行HTTPS升级了,升级办法如下

七牛云CDN加速

找到指定域名,选择配置

七牛云融合CDN加速

找到HTTPS配置,修改配置

HTTPS设置

选择HTTPS,这里需要申请SSL证书

SSL证书管理

购买七牛云SSL证书,按照步骤来就行了,在回到上面这个页面就能选择已购买的SSL证书,再开启“强制HTTPS访问”,稍等待十几分钟就升级完毕。

购买七牛云的SSL证书

请仔细检查页面上的资源,直到页面上不再有错误提示为止,HTTPS改造虽然比较麻烦,而且CDN也会产生一些费用,但速度提升了,排名表现也会变好,长远来说是十分有意义的,对这方面如果有什么不明白的可以问我。

    扩展阅读

    本文地址:https://www.vi586.com/web/615.html
    版权声明:原创文章,版权归重庆SEO吖七所有,欢迎分享本文,支持原创,转载请保留出处

    赞(64)