如何在angular 2 app中创建uploads文件夹?

时间:2017-01-03 12:02:08

标签: node.js angular

我正在使用angular2构建一个应用程序,我想在我的应用程序的根目录中保留一个名为“uploads”的文件夹。但是因为在角度中当前根是“src”,所以它不允许我访问uploads文件夹中的图像。

如果我尝试将'uploads'目录保存在src文件夹中,那么每次我上传文件时,它都会重建应用程序并刷新页面。我想保留它,因为如果文件上传发生,角度cli不会刷新应用程序。

我想在angular2应用

中访问类似:http://localhost:4200/uploads/xyz.jpg的网址

谢谢

1 个答案:

答案 0 :(得分:1)

角度应用程序是一个前端应用程序。它不能用作文件存储。文件存储应该由后端应用程序完成,该应用程序将上传的文件提供给前端应用程序。

使用您的前端

Angular-cli不会编译app或assets之外的任何文件夹,因此,您需要将该文件夹放在app或assets中。 要直接访问,请放在assets内,并访问localhost:4200/assets/uploads/xyz.jpg

请记住,您需要小心,因为如果您使用git版本控制系统,当您提取生产环境时,assets/uploads中上传的每个文件都将被新版本覆盖。

使用您的后端

将上传文件放在角度应用程序之外,这样当你构建或更新角度应用程序时,什么都不会丢失。并使用后端来提供文件。

您应该将上传文件夹放在角度应用程序之外,并使用您的nodeJs应用程序提供。使用expressJs的静态功能在某个端点(如localhost / uploads / xyz.jpg)中提供文件(如果您的nodejs在localhost中)。所以,你不要碰角 -