vue获取豆瓣图片资源,数据接口正常,图片无法显示,按右键能正常显示

情景描述

在做项目的时候,配置了跨域代理,获取数据成功,但是在渲染图片数据的时候却不能正常显示图片
在这里插入图片描述
但是当我们选中某张图片按下右键,选择在新窗口打开的时候的时候,图片却能正常显示
在这里插入图片描述

解决方法

这时候,我们只需要在public文件夹下的index.html文件头部添加上这样一句代码,问题就可以完美解决啦~

<meta name="referrer" content="never">

在这里插入图片描述
效果图:
在这里插入图片描述

小结

异域请求图片的时候,浏览器会检测请求的地址,检测它是不是来自你自己的服务器。如果不是自己的服务器,就会限制你的访问资源的权限啦,因此图片就会加载不出来。
我们现在在我们的文件头部添加这样的一句代码,就相当于告诉浏览器,不用去检测我们请求地址了。所以,我们就可以正常访问啦!

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值