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

情景描述

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

解决方法

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

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

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

小结

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

发布了13 篇原创文章 · 获赞 2 · 访问量 718

猜你喜欢

转载自blog.csdn.net/weixin_39553363/article/details/104173257