如何从下一个 js 项目文件夹外部链接图像答案

【问题标题】：How to link images from outside of the next js project folder如何从下一个 js 项目文件夹外部链接图像
【发布时间】：2021-06-17 23:10:09
【问题描述】：

我正在做一个项目，我是 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

【问题讨论】：

你从哪个文件加载图片？
难道你不应该走出pages/client 并进入uploads so the path should look something like ../../uploads/imag-name.png`
您的服务器是否在与您的nextjs 客户端不同的port 上运行
是 5050 用于服务器，3000 用于下一个 js
考虑将uploads 目录移动到client 目录中

标签： node.js reactjs express next.js

【解决方案1】：

将您的 uploads 目录移动到您的 client/public 目录中，因此结构应如下所示

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

【讨论】：

不确定这如何被视为问题的答案？最初的问题是如何在项目路径之外的文件夹中引用图像，答案是将图像移动到问题内部。我希望我能得到原始问题的答案，因为我处于同样的情况。