Vue.js：连接路径，然后绑定到v-img

我正在尝试连接“资产”，并将

prod.productFileName

绑定到

v-img:src

这是有效的：

但我不能这样做：

所以我试着从forEach的吼叫中连接：

我怎么做

<div v-for="prod in products" :key="prod.id">
  <v-img :src="prod.productFileName" />


<script>
methods: {
   getProducts() {
      axios.get("https://localhost:44397/api/Product/List")
        .then(res => {
          this.products = res.data;

           this.products.forEach(prod => {                         
             prod.productFileName = `@/assets/${prod.productFileName}`  // <--- I am getting an error
          });
        })         
    }
}

方法：{
getProducts（）{
axios.get（“https://localhost:44397/api/Product/List")
。然后（res=>{
本产品=资源数据；
this.products.forEach（prod=>{
prod.productFileName=`@/assets/${prod.productFileName}`/您已按如下方式更改代码

this.products.forEach(prod => {                         
   prod.productFileName = '/Uploads/' + prod.productFileName
});

由于这是一个脚本，您可以简单地附加字符串。
您可以做的是将响应存储在this.products中，不需要额外的步骤，然后在img标记中，您可以直接在：src绑定上使用模板文本，类似这样

<div v-for="prod in products" :key="prod.id">
  <v-img :src="`/assets/${prod.productFileName}`" />


<script>
methods: {
   getProducts() {
      axios.get("https://localhost:44397/api/Product/List")
        .then(res => {
            this.products = res.data;
        })         
    }
}


方法：{
getProducts（）{
axios.get（“https://localhost:44397/api/Product/List")
。然后（res=>{
本产品=资源数据；
})         
}
}

并确保图像位于该位置，否则图像将不会显示
请为此创建一个用于显示问题发生的图像。您会遇到什么错误？请尝试此方法：