简单来说,是因为HTTPS不能调用 http,浏览器限制的。前端搞不了。
浏览器使用HTTP(超文本传输协议)和HTTPS(安全的超文本传输协议)来与服务器进行通信。
在HTTP中,图片是通过URL链接直接加载的,而在HTTPS中,图片也是通过URL链接加载的,但是在传输过程中会进行加密。当浏览器访问一个使用HTTP协议的网页时,它会尝试加载页面中的所有资源,包括图片。然而,如果这些图片的URL链接指向的是使用HTTPS协议的网站,浏览器会发现协议不匹配,因此无法加载这些图片。
处理方法1:html页面加入代码
在html页面加入<meta name="referrer" content="no-referrer">标签,网上大部分解决方法都推荐这种,但是我的项目加了标签会导致页面一直loading,无法登录。
处理方案2:设置浏览器允许不安全内容
既然是浏览器限制,那就让浏览器允许不安全内容,成功看到图片。