Vue生产图像文件夹没有更新？

Question

我有一个 vue 网络应用程序，您可以在其中上传图像。当我创建它时，我在 localhost 上运行它并开启了 hot-reload。

但是，当我在 digitalocean 上托管我的应用程序并使用此命令 (npm run build) 时，我遇到了问题。据我了解，vue 构建了我的应用程序，然后开始忽略新文件。

我已经尝试将 uploads 文件夹放在 vue 应用之外，但这对我没有帮助。

如何上传图片并动态访问它们？

顺便说一下，我的堆栈是：Vue.js（前端）、Laravel（后端）和 nginx。

Answer 1

每次您希望看到更改时，都必须构建 Vue 前端（创建一个“dist”文件夹）。

将图像托管在您的 DigitalOcean 液滴或数据库中。

使用 2 个 API（POST、GET）实现图像自托管的简单方法：

1. 发送图片前端 -> 后端

2. 保存图片后端 -> 水滴 （使用 Laravel 解析图像并保存到服务器上的目录）

3. 发送图像后端 -> 前端或使用图像在服务器上的位置作为您的“src”（无论您的应用程序中需要哪种方法）

---

或者使用 nginx 提供图片：How to serve images with nginx