【解决方案】以文件流的形式,在Https链接下请求Http资源(图片,文件)

无需SSL证书,无需配置Nginx,无需修改浏览器设置

在浏览器升级Https协议下,Https链接在请求http资源时,浏览器会自动把带http的url升级为以https前缀的url
导致原本域内的文件和图片无法正常访问
本篇以图片为例,演示以文件流的形式,在Https的网站中,请求http域内的图片资源
前端Vue2.0+ElementUi
后端Java8

#1 Vue部分页面代码

<div
	v-if="picsVisible"
>
	<el-image v-if="blobUrl" :src="blobUrl" ></el-image>
</div>

<el-button type="text"  @click="picsVisible = true">查看图片</el-button>

#2 Vue.js data&发送请求

data() {
    return {
    	url: [],
    	blobUrl: [],
    	picsVisible: false
    }
},
method(){
	initData(){
		this.$api.getDataFromServer().then(res =>{
				this.url = res.data
                this.$api.getPics({url: this.url})
                        .then(res => {
                          if (res){
                            var byteCode = res
                          }
                    
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值