我有一个图片库应用程序:
- 前端(Vue 2.6)将允许用户上传图片以及一些基本信息
- 后端(NodeJs)将创建拇指图像并将它们与原始图像一起存储在上传文件夹中
我将上传文件夹放在前端的公共文件夹下。这是应用程序的文件结构:
/app
├── backend
│ └── ...
├── frontend
│ ├── public
│ │ └── images
│ │ └── upload
│ ├── src
│ ├── dist
...
像往常一样,在构建时,文件在 nginx 指向的 dist 文件夹中被复制、缩小等。构建后一切都很好 - 图像是从公共文件夹中复制的,并且可以在前端应用程序中访问。但是上传的新图像不可用,因为它们不在网络服务器的路径中。另外,如果我将上传文件夹放在 dist 下,它将在下一次构建时被删除。我还尝试了涉及符号链接的解决方法,但没有成功。
有没有办法将上传文件夹保留在 Vue 构建过程之外并直接访问它们?或者我的问题的任何其他解决方法?