如何在 production/development 的 React 应用程序中放置图像文件夹
How to place an image folder in a react app for production/development
我正在做一个个人项目，有两件事一直困扰着我。
这个项目是用 React 编写的，我正在使用一个 express node 应用程序作为后端。在我的前端，我可以加载图像并将其发送到服务器，我将文件保存在 upload 文件中，路径存储在 mongo 数据库中。
构建后，文件如下所示：
如您所见，我的上传文件夹位于 public 文件夹内。 public 文件夹是 React 应用程序的构建。我刚刚改名了。问题是，如果我想更新构建，我必须将上传文件保存在其他地方，而不是将其重新引入新构建 (public) 文件夹中。这对我来说听起来不切实际。有办法解决吗？最佳实践？
那将是第一件事。
第二个是我用来 link 图像文件夹到 <img src=''/> 的路径。
现在，路径看起来像这样：http://localhost:5000/${ filePath }。并且工作得很好。但我认为在生产场景中我将无法使用此路径。
问题是：我是否也必须 link 端口？类似于：http://localhost:${PORT}/${ filePath } 端口是 const PORT = process.env.PORT？或者有更好的做法吗？获得自己域名的方法？
希望我提供了准确答案所需的所有信息。如果没有，我正在等待反馈。谢谢！
“最佳实践”是将文件上传到 S3 等静态文件服务器并存储对文件密钥的引用。
但除此之外，我相信 Express 可以让您使用
设置多个静态文件目录
app.use('/uploads', express.static(path.join(__dirname, 'uploads')));
这样您就可以将上传目录保留在构建文件夹之外。
至于在您的资产 URI 中包含端口，我过去所做的是使用一个名为 domain 的环境变量来指定当前环境的网址（包括协议、域和港口）。这样你的开发环境可以使用本地主机，但是如果你决定将你的生产应用程序部署到 public，你可以将环境设置为域名——并且可以告诉你的快速服务器在 80/ 443 个端口。
我正在做一个个人项目，有两件事一直困扰着我。
这个项目是用 React 编写的，我正在使用一个 express node 应用程序作为后端。在我的前端，我可以加载图像并将其发送到服务器，我将文件保存在 upload 文件中，路径存储在 mongo 数据库中。
构建后，文件如下所示：
如您所见，我的上传文件夹位于 public 文件夹内。 public 文件夹是 React 应用程序的构建。我刚刚改名了。问题是，如果我想更新构建，我必须将上传文件保存在其他地方，而不是将其重新引入新构建 (public) 文件夹中。这对我来说听起来不切实际。有办法解决吗？最佳实践？ 那将是第一件事。
第二个是我用来 link 图像文件夹到 <img src=''/> 的路径。
现在，路径看起来像这样：http://localhost:5000/${ filePath }。并且工作得很好。但我认为在生产场景中我将无法使用此路径。
问题是：我是否也必须 link 端口？类似于：http://localhost:${PORT}/${ filePath } 端口是 const PORT = process.env.PORT？或者有更好的做法吗？获得自己域名的方法？
希望我提供了准确答案所需的所有信息。如果没有，我正在等待反馈。谢谢！
“最佳实践”是将文件上传到 S3 等静态文件服务器并存储对文件密钥的引用。
但除此之外，我相信 Express 可以让您使用
设置多个静态文件目录app.use('/uploads', express.static(path.join(__dirname, 'uploads')));
这样您就可以将上传目录保留在构建文件夹之外。
至于在您的资产 URI 中包含端口，我过去所做的是使用一个名为 domain 的环境变量来指定当前环境的网址（包括协议、域和港口）。这样你的开发环境可以使用本地主机，但是如果你决定将你的生产应用程序部署到 public，你可以将环境设置为域名——并且可以告诉你的快速服务器在 80/ 443 个端口。