el-image标签如何添加请求头？

Question

src路径直接访问图片地址，但是访问后端需要附带请求头才能访问到，有没有办法添加请求头？

<el-image v-if="user.avatar" :src="GLOBAL.baseUrl + user.avatar" class="avatar"></el-image>

Answer 1

可以试着手动请求，拿到图片再放进去（base64什么的）,转base64耗时会多点;
要求简单的话，自己写个懒加载的图片组件就好了

Answer 2

没有，让你们后端改，后端不改找你们领导协调

Answer 3

img标签src没法添加请求头，默认get请求。

如果有鉴权安全的要求，建议后端服务添加cookie值，通过cookie校验图片资源可访问性。

另外可以url添加query参数，后端校验query中相关临时访问检验参数。但是不太建议这样，url整体复制会造成query中参数泄露，检验参数过期后修改额外业务逻辑处理。

Answer 4

https://blog.csdn.net/qq_4149...
https://blog.csdn.net/a736755...

Answer 5

src路径直接访问图片地址，添加请求头信息

可以让后端把附加头信息放到 cookie 当中，这样请求图片的时候就会把信息自动带过去了。
也可以通过给图片的 URL 添加 query 信息。

感觉你们的需求理解错了，可以考虑第一种方式来解决。然后设置跨域及无头访问限制。

Answer 6

用api来手动请求图片，这样可以自由控制请求头，然后转成base64再给传给src