使用VUEJS显示从Firebase到Web的图像

Question

我是Vue的新手，所以我不知道做这件事的多种方法。我想在我的应用程序上显示图像，该图像存储在Firebase存储中。我在HTML部分中的标签中调用一个函数，该功能返回图像的URL。我能够在控制台中显示图像，但是当应该返回URL时，它会给我一个“找不到模块”错误。

html

        <div>
            <p> Image gallery:</p>
            <img v-bind:src="getImgUrl()" >
        </div>

vue方法

         async getImgUrl() {

            // Create a reference to the file we want to download
            const storage = getStorage();
            const stationsRef = ref(storage, 'stations/cal.jpg');

            // Get the download URL
            const imageurl = await getDownloadURL(stationsRef)
            .then((url) => {
                return (url);
            })
            console.log(imageurl)
            return require(imageurl);           
        },

，这是它给出的错误：

Uncaught (in promise) Error: Cannot find module 'https://firebasestorage.googleapis.com/v0/b/rideservices-6a23d.appspot.com/o/stations%2Fcal.jpg?alt=media&token=d020eef5-88f3-4f64-aab0-fcf00d67bcd5'
    at webpackEmptyContext (app.a802d1ae56e3977d.hot-update.js:40:10)
    at Proxy.getImgUrl (serviceRequest.vue?b4a4:168:1)

如果我能获得帮助，这将非常有帮助。提前致谢！