为 API 开发网站 [关闭]答案

【问题标题】：Develop a web site for an API [closed]为 API 开发网站 [关闭]
【发布时间】：2022-01-23 19:19:18
【问题描述】：

我是一名初级前端开发人员，我想创建一个简单的 API。我已经在 Heroku（this link 上可用）上部署了这个 API，使用 Express 开发。

我想使用 Vue 创建一个网站，其中根路径在逻辑上是网站，但我也希望它具有类似于 API 的 example.com/api/v1/ministries 的路径。基本上，我想为 API 创建一种登录页面。

我不认为它是如此复杂，但我不知道如何用谷歌搜索它，因此我不知道从哪里开始。

我知道如何使用 Vue 创建应用程序，并且我已经有了简单的 API，但据我所知，它会是在不同服务器上提出的应用程序，我不希望这样。

在我看来，我应该用 Vue 创建一个新应用程序，开发它，在项目中安装 Express 并提升 API，但老实说，我不知道如何将这两个步骤放在一起。

【问题讨论】：

标签： node.js api vue.js express

【解决方案1】：

请用英文制作你的api，后面的人会感谢你的。

您可以制作一个 express 应用并将您的 vue 应用的输出（dist）移动到 express 的公共目录中。

这样您就可以轻松添加路线

// Move vue output to folder named 'public'
// Point express to this folder
app.use(express.static('public'))

// Send the index.html (vue entrypoint) to the client on request of /
app.get('/', function (req,res) {
  res.sendFile(path + "index.html");
});

【讨论】：