Vue.js 如何使用vue js和net core将用户上传的图像存储在服务器中

我目前在一个POS系统中工作，我正在用vue作为spa和mssql为我的数据库编写NetCore（WebAPI）中的代码。

---

起初我想使用一些存储服务，如aws-s3或azure存储服务从那里获取图像，但我不能继续这样做，因为有额外的成本，所以我被要求更好地将图像上传到服务器。所以，现在我有一个问题，那就是，vue应用程序在发布时必须由babel预编译，因此我无法在运行时更改dist文件夹中的文件，所以当我在dev stage（我的机器）上执行此操作时，我看到它尽可能工作正常，文件上传到文件夹ok，编译回来后，它将显示图像。但是，我如何在生产阶段实现这一点呢？

这是您SPA面临的挑战。您的

dist

是短暂的，每次部署应用程序时都会被销毁，因此这不是一个可行的解决方案。图像应该完全由您的.net实例提供，并存储在一个非临时文件夹中，或者您应该使用像S3这样的技术和CloudFront。（上传每GB 0.03美元，上传一个500kb文件每500k请求60美元）正是我在那里说的，但作为一个哥伦比亚人和这里的美元太高了，他们害怕可能的成本。所以，我想把它们放在服务器端，但我不太确定怎么做，你有什么想法可以启发我：）你可以尝试使用iwebhostenvironment在

wwwroot\images

文件夹中上传图像。参考：。此外，您还可以考虑将图像存储到数据库中（使用字节数组）。