我应该如何构建对 Vue.js 上传的后端响应？

Question

（上下文：使用管理门户构建公司网站，允许用户创建新的团队成员、工作等，并让 Web 应用程序反映这些更改。）

我有一个托管在服务器（比如说 GoDaddy 或 BlueHost）上的 Vue.js 网络应用程序，我希望能够将 pdf 和图像上传到同一台服务器，然后在网络应用程序的其他地方引用这些文件. 我在前端很舒服，并且已经知道如何制作一个允许选择文件的上传组件，然后是 axios 帖子。

这就是我的困惑开始的地方......

首先，我想一定可以将文件上传到我的服务器并存储在那里。

接下来，我认为我应该能够在服务器上的某处放置一些代码（PHP 或 Express 或其他东西）来接受这些存储请求。

最后，我认为代码可能需要位于网络应用程序的根目录中，以便网络应用程序可以轻松引用它。

（旁注：我已经尝试过 Google Cloud Functions，虽然它们让我将图像存储在 Firebase 中，但我不知道如何在网络应用程序中引用这些照片。我还尝试使用 Express 来设置启动了一个 api 端点，但我通过 Postman 收到的每个帖子请求都停止了，我不知道如何解决它。）

有人可以从 axios 的帖子中概述应该发生的事情，并给我一个关于这个结构应该是什么样子的基本概念吗？

我愿意学习任何我需要做的事情。

Answer 1

使用 here 描述的 axios 在 post 方法中使用 'Content-Type': 'multipart/form-data' 标头将文件发送到服务器

使用multer npm 处理上传文件到服务器。

示例链接here