上传新文件时刷新 dist 目录答案

【问题标题】：Refresh dist directory when uploading new files上传新文件时刷新 dist 目录
【发布时间】：2018-10-09 13:49:05
【问题描述】：

我实际上是在使用 Angular2 和 Node.js 开发一个应用程序。

我用 Angular-cli 开始了 Angular2 部分。

我有一个关于文件上传的问题。在应用程序中，我可以创建相册。在相册表单中，有一个文件输入。在后端，我将文件（实际上是图像）存储在资产的文件目录中。

问题是，当我尝试显示这些图像时，它们没有显示。我需要重新运行“ng build”才能看到它们。我认为这是因为新上传的文件不在 dist 目录中。

祝你有美好的一天，

谢谢

【问题讨论】：

【解决方案1】：

资产文件夹是源代码。
dist 文件夹正在编译结果，供应用程序运行时参考。
其实你可以上传到 dist.

但我认为您创建其他目录（如http://{domian}/upload/）用于上传文件会更好。从根目录获取具有相对路径的图像。

你是通过ng serve在本地上传文件，对吧？
参考的两种方式：
1.尝试将dist部署到服务器，然后上传文件，你会得到图像。
2.使用lite-server

$ npm i -g lite-server
$ ng build --watch
$ lite-server --baseDir="dist"

上传文件应该在 dist/{upload}/{image}.jpg

【讨论】：

感谢您的回答！我知道如果我想要显示我的图像必须在资产中，是真的吗？我已经尝试将文件上传到资产之外的文件夹中，但图像没有显示...我应该将此文件夹放在 angular-cli.json 中的资产文件夹数组中吗？
我知道我的图像必须在资产中才能显示，对吗？ 回答：没有。我应该把这个文件夹放在 angular-cli.json 的资产文件夹数组中吗？ Ans：不是根本原因，没关系。 请阅读我上面的更新答案。