Vue 构建的项目中，重定向得到的图片无法正常加载，可能是什么原因造成的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1422 天前的主题，其中的信息可能已经有所发展或是发生改变。

如题，UI 框架 Vuetify，html 代码如下

<template>
  <v-img>
    src='/img/1058-1920x1080.jpg'
  </v-img>
  
  <v-img>
    src='/img?random'
  </v-img>
</template>

分别插入两张图片，其中一张直接输入地址，第二张输入一个重定向 API，该 API 的作用是从本地图片池当中随机选取一张图片地址，返回重定向。但是实际得到效果是，第一张能正常显示，第二张无法正常显示，没有报错信息。

打开 F12 看，重定向处理正常，首先返回 307 重定向，然后 200 正常加载了图片。有没有大佬说一下可能是什么原因造成无法正常加载？没有思路，有点懵

10 条回复 • 2021-02-07 09:34:42 +08:00

EPr2hh6LADQWqRVH

2021-02-07 08:52:39 +08:00

WOC 现在 Vue 代码都成这样了？已经连 HTML 都不认同了？果然是逆标准化先锋啊

LeeReamond

2021-02-07 09:04:45 +08:00

@avastms 不是很懂有啥特殊之处，我感觉挺正常的啊

yveJohn

2021-02-07 09:20:31 +08:00

是我太菜了吗?src 难道不是放在标签里吗?
```vue
<v-img
src='/img/1058-1920x1080.jpg'
></v-img>
```

hoooootdooooog

2021-02-07 09:20:35 +08:00

v-img 是什么为啥不用 img :src="random"

doommm

2021-02-07 09:20:43 +08:00 via Android

@avastms 这个不是 vue 官方的东西，是第三方库封装的组件

yveJohn

2021-02-07 09:20:54 +08:00

嗯?代码为什么没有格式化~~~~

sarices

2021-02-07 09:24:38 +08:00

你确定 Vuetify 的 image 标签是这样用吗？

LeeReamond

2021-02-07 09:27:16 +08:00

@yveJohn
@sarices 码时间长了有点头晕，发帖时候手抖了，实际代码标签位置是对的

doommm

2021-02-07 09:29:04 +08:00 via Android

看看 vuetify 文档里有啥特殊说明没，确认自己的使用方式是正确的；如果使用方式没问题，使用原生 img 标签也没有问题，可能得翻翻它的源码

cxzweb

2021-02-07 09:34:42 +08:00

反向代理重定向地址