原创
https网站中引入http资源的解决办法
前言
在Chrome中,可能会出现网站开启了https,并且Nginx配置了强制网站都是https的话,http资源就无法加载了。
如,在我博客中我是强制了https,这样子我的七牛云图床的图片资源是http的,就无法加载了:
浏览器警告的,它的意思是:“混合内容:“
”中的页面已通过HTTPS加载,但请求了不安全的元素“ ”。 该请求已自动升级到HTTPS,有关更多信息,请参见 ”。
解决办法 - 使用相对协议
相对协议就是将URL的协议(http、https)去掉,只保留
//
及后面的内容。这样,在使用https
的网站中,浏览器会通过https
请求URL,否则就通过http
发送请求。
例如,我的siteUrl
是https://www.lzhpo.com
,
然后我图片引入方式是这样子的,将站点前缀分离开来了:
<img src="${siteUrl}/img/tx.jpg">
我的siteUrl
是https://www.lzhpo.com
,我的图片资源就无法加载了,
此时我可以将站点前缀使用相对协议:
siteUrl
修改为//www.lzhpo.com
这样子就可以正常加载http资源了。
正文到此结束
- 本文标签: Nginx
- 本文链接: http://www.lzhpo.com/article/147
- 版权声明: 本文由lzhpo原创发布,转载请遵循《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权