2

我有一个图片库应用程序:

  • 前端(Vue 2.6)将允许用户上传图片以及一些基本信息
  • 后端(NodeJs)将创建拇指图像并将它们与原始图像一起存储在上传文件夹中

我将上传文件夹放在前端的公共文件夹下。这是应用程序的文件结构:

/app
├── backend
│   └── ...
├── frontend
│   ├── public
│   │   └── images
│   │       └── upload
│   ├── src
│   ├── dist
...

像往常一样,在构建时,文件在 nginx 指向的 dist 文件夹中被复制、缩小等。构建后一切都很好 - 图像是从公共文件夹中复制的,并且可以在前端应用程序中访问。但是上传的新图像不可用,因为它们不在网络服务器的路径中。另外,如果我将上传文件夹放在 dist 下,它将在下一次构建时被删除。我还尝试了涉及符号链接的解决方法,但没有成功。

有没有办法将上传文件夹保留在 Vue 构建过程之外并直接访问它们?或者我的问题的任何其他解决方法?

4

0 回答 0