音频标签无法从服务器加载音频文件

Question

大家好，我过去常常在我的 Angular 项目中放置一个音频阅读器， 所以音频文件存储在nodeJs服务器文件夹中，他的路径存储在数据库中，我试图获取路径并将其放入音频源标签中，但该文件未加载到播放器中。 这是音频标签代码：

 <div class="row align-items-center justify-content-center" style="margin-top: 100px;">
                <audio controls  preload="auto" style="width: 80%;">
                    <source src="{{products.track.taged_track}}" type="audio/mpeg">
                  Your browser does not support the audio element.
                  </audio>
            </div>

这是.ts文件中获取路径的函数：

const productId = localStorage.getItem('productId')
console.log(productId)
productServices.gettrackProduct(productId).subscribe(
  data => {
    console.log('success!!',data)
    this.product = data
    this.products= this.product.products
  },
  error => {
    console.error('Error !!',error)
  }
)

它是这样显示的，但它不能播放音频文件 it showed like that but it can't play the audio file

当我检查元素时，我们找到了路径： inspect the element image