如何在img（src =“”）中向图像添加外部链接？

Question

我在产品product-list.pug中添加产品卡，并向其添加外部链接以不呈现它的网址：

                each product in prods 
                .card 
                    h3 #{product.title}
                    p  
                        img(src='#{product.imageUrl}', alt="#{product.imageUrl}")
                    p #{product.price}
                    p #{product.description} 

该怎么办？例如，我添加此链接-“ https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid%3DApi&f=1”

[在HTML页面中呈现时，将以如下方式呈现html标签<img>：<img src="#{product.imageUrl}">，但应为<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid%3DApi&f=1">。

Answer 1

var myImage = "https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse4.mm.bing.net%2Fth%3Fid%3DOIP.5SUhFpKmTir7RkmDLUqUXgAAAA%26pid%3DApi&f=1"
img(src=myImage)

或您的情况：

img(src=product.imageUrl)