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

Question

我正在使用 node 制作一个简单的注册/登录 API，并将其作为后端表达，但我想知道如何使用 nuxt 作为前端来连接到我的 API 端点，以便我可以部署我的 node 应用程序

Answer 1

首先，您需要转移到您的nuxt.config.js，并且您需要告诉 nuxt 女巫路由是用于查看内容，而女巫只是 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
 }

别忘了安装快递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