代码之家 › 专栏 › 技术社区 › Deepak Tiwari

如何使用S3 bucket URL作为组件上图像的基本URL

vue.js

0

Deepak Tiwari · 技术社区 · 6 年前

我使用S3 bucket保存用户的个人资料图片和他们正在上传的图片。在我的组件上,我想使用指向S3 bucket的图像基url

我在main.js上声明了一个变量

window.s3bucket = 'https://myassets.s3.us-east-2.amazonaws.com';

然后在组件中,我试图将其用作:

<img alt=""  :src="s3bucket+'/user/'+ userimage">

但是我得到的错误是s3bucket没有定义或者它不是一个函数。

1 回复 | 直到 6 年前

1

0

Ohgodwhy 6 年前

对的。如果不在UMD环境中,不要将变量挂在窗口上。

相反,你可以把这个分配给 vue 直接:

Vue.prototype.$s3bucket =  'https://myassets.s3.us-east-2.amazonaws.com';

注意我用过 $ 所以你不会有潜在的碰撞。

那就用:

:src=`${$s3bucket}/user/${userimage}...`

(您不必使用模板字符串,我只喜欢语法)