如何从服务器文件夹访问 React 公用文件夹

Question

我想使用 multer NodeJs 上传图像以响应公共文件夹。它在开发中很好，但是当我部署它时，它不起作用。看起来 multer 无法上传/引用公共文件夹。

这是我的文件夹结构：

/client
   /public
      /img
.
.
.
/routes
   /api
      /employee.js
server.js

这是我所做的：

server.js

// Access public folder
app.use(express.static("client/public/img"))

employee.js

// Set storage engine
const storage = multer.diskStorage({
  destination: function(req, file, cb) {
    cb(null, path.join(__dirname, "../../client/public/img/profilePicture"))
  },
  filename: (req, file, cb) => {
    cb(null, file.fieldname + path.extname(file.originalname))
  }
})

我从开发人员工具中看到了源代码，它没有上传文件，但它可以用于开发。

感谢您的帮助！

Answer 1

multer 可以从公用文件夹中获取引用，但您需要设置endpoint 或上传到公用文件夹的路径。例如要公开一个文件夹，你可以这样做： app.use('/endpoint/to/access/public/folder', express.static(path.resolve("client/public")))

另外，您的 server.js 与您的 client 文件夹一样位于根文件夹中，因此您可以执行以下操作：

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