如何從下一個 js 項目文件夾外部鏈接圖像

Question

我正在做一個項目，我是 node.js，表示后端，下一個 js 表示前端。

我有一個表格，用戶可以在其中創建新產品，每個產品都有一個圖像。

我正在使用 multer 進行圖像上傳並將圖像保存在上傳文件夾中。

在下一個 js 中，我使用這樣的圖像路徑：

/uploads/imag-name.png

但我越來越無法加載圖像。

這是我的文件夾結構

Website
--------
  client
  -------
    components
    pages
    public
    styles
    ...

  uploads
  -------
    image-name.png
    ...

  server
  ------
    config
    controllers
    middlewares
    models
    routes
    utils
    server.js

Answer 1

將您的uploads目錄移動到您的client/public主管中，因此結構應如下所示

Website
--------
  client
  -------
    components
    pages
    public
      uploads
         -------
         image-name.png
    styles
    ...