为API开发一个网站

Question

我是一个初级的前端开发人员，我想创建一个简单的API。我已经在Heroku上部署了这个API (在此链接上可用)，这个API是用Express开发的。

我想用Vue创建一个网站，在那里根路径逻辑上是网站，但我也希望它有一个类似于API的example.com/API/v1/部委的路径。基本上，我想为API创建一种登陆页面。

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

我知道如何使用Vue创建应用程序，我已经有了简单的API，但据我所知，它将是在不同服务器上生成的应用程序，我不想这样做。

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

Answer 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");
});