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

2021-02-07 08:46:26 +08:00
 LeeReamond

如题,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 正常加载了图片。有没有大佬说一下可能是什么原因造成无法正常加载?没有思路,有点懵

1268 次点击
所在节点    问与答
10 条回复
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
@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
看看 vuetify 文档里有啥特殊说明没,确认自己的使用方式是正确的;如果使用方式没问题,使用原生 img 标签也没有问题,可能得翻翻它的源码
cxzweb
2021-02-07 09:34:42 +08:00
反向代理重定向地址

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/751937

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX