无需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
}