如何在 node 和 expressjs 中使用 nuxt.js

Question

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

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
 }

不要忘记安装 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