Angular + node.js，設置圖片靜態路徑（相對路徑）

Question

我想在app.js使用node.js設置靜態路徑。

如在設定的后續public文件夾：

app.use(express.static(path.join(__dirname, 'public')));

當我使用模板引擎（例如mustache https://mustache.github.io/ ，可以使用模板中的相對路徑進行設置，以獲取照片a.jpg ，例如：

<img src="./a.jpg">

當我保存用戶的照片中的public文件夾。

在Angular中，如何從node.js服務器文件夾設置img url相對路徑。

如果我將完整URL保存在DB並在img設置URL：

    http://120.8.12.8:3000/a.jpg
    //or
    http://domainname:3000/a.jpg

的HTML：

<img src="http://120.8.12.8:3000/a.jpg">
<img src="http://domainname:3000/a.jpg">

當我更改IP或域名時，URL將失敗。 我該如何設置？

Answer 1

我不會將完整路徑保存在數據庫中。 否則，我將保存有關如何生成路徑的信息。 您可以在數據庫中有2個字段，例如：

{
"relativePath" : "a.jpg",
"server" : "http://120.8.12.8:3000"
}

之后，並假設您正在消耗角度資源，則有幾種選擇：

1. 您可以在前端直接混合relativePath和服務器，並創建URL以放置在鏈接中
2. 您可以在有角度的應用程序中對“服務器”進行硬編碼，然后將其與relativePath混合使用。 在這種情況下，如果您要遷移圖像，則只需修改前端
3. （最適合我）。 在服務器中創建一個端點，該端點為您提供圖像服務器的主機，從您的角度應用程序調用它，然后使用此響應和相對圖像路徑創建完整鏈接。