如何将nuxt.js与node和expressjs一起使用

Question

我正在创建一个简单的注册/登录API，使用node和express作为后端，但我想知道如何使用nuxt作为前端连接到我的API端点，以便我可以开发我的节点应用程序

Answer 1

第一件事是，你需要转移到你的nuxt.config.js，你需要告诉nuxt witch路由是用来查看内容的，而witch仅仅是API端点。为此，有一个名为serverMiddleware的选项

serverMiddleware: [
   '~/api/index.js'
],

现在，您需要在根目录中创建一个名为api的文件夹，并在api文件夹中创建一个名为index.js的文件，这将是您的express.js服务器。

index.js如下所示：

 const express = require('express')
 const app = express()

 app.get("/test", (req, res) => {
    res.status(200).json({ message: "I work" });
 })

 module.exports = {
  path: '/api',
  handler: app
 }

别忘了安装express npm i express，之后你需要重新启动服务器。如果您现在导航到localhost:3000/api/test，应该会看到I work

我还发现如果你犯了一个错误，nuxt会告诉你404 cant find that page。例如，您编写了const express = require("express")，但是您忘记通过npm i express安装它，nuxt只会抛出错误404，而不会说您没有安装express