自Chrome83版本开始,Chrome浏览器默认阻止混合内容MixContent的下载加载等,也就是说你的站点是https的,即使你访问的图片http的,Chrome也会强制使用https访问图片,如果图片网址不支持,就会报: net::ERR_TUNNEL_CONNECTION_FAILED
前端是无法独立解决这个的问题的,方案一是问一下图片的提供方,能不能提供https的,如果生产环境的是https则没必要关注,可以让测试用其它浏览器验证。
Chrome浏览器可以通过设置解决,访问 chrome://settings/content/insecureContent,在"允许显示不安全内容"中添加,注意,这里是要添加自己网站的域名,而不是图片的域名。
另一个方案是通过nginx配置。
网友评论