用于从后端服务器访问映像的URL格式

Question

目前我正在使用[attr.src]="selectedUser.image"（图片保存在nodejs服务器上的'uploads'文件夹中（localhost：3000））

Angular将路径(localhost:3000/uploads/abc.jpg)转换为(localhost:4200/uploads/abc.jpg)，因此我收到404错误，因为我找不到图像。

任何人都可以建议我保护服务器路径，以便它不会在角度服务器路径中转换？

Answer 1

你应该将后端的url存储在一个单独的变量中，如下所示：

在ts：

let backendUrl = 'http://localhost'
let imgUrl = '/uploads/abc.jpg'

in html：

attr.src="{{backendUrl}}{{imgUrl}}"