如何将 Express.js 与 Nuxt 3 一起使用

Question

如何将 Express.js 与 Nuxt 3 连接？我找不到任何教程...我想要它在

/server

目录中。我怎样才能实现这个目标？

server.js 示例

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

// Middleware to parse JSON requests
app.use(express.json());

// Define API route
app.get('/api/auth', (req, res) => {
  return res.status(200).json({ message: 'Authentication successful' });
});

// Start Express server
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

此代码不起作用..我如何连接它，以便当我转到

/api/auth

时我收到消息？

Answer 1

我不是 100% 确定，但我认为你将无法在

server

目录中使用带有 Nuxt 3 的 Express。 Nuxt3 使用 ninto 作为服务器。它处理路由的事情。

将 Express 应用程序与 Nuxt 3 一起使用的一种可能方法是像其他框架 laravel/django 一样采用无头方法。使用 Express 创建后端并使用 Nuxt 3 作为前端。基本上，在 Express 后端应用程序中创建 REST API 并在 Nuxt 字体端中使用该 API。

1. 为了保护身份验证路由，您可以使用 Nuxt 中间件。
2. 要获取数据，您可以使用 Nuxt useFetch 可组合项。
3. 要创建拦截器（CSRF/访问令牌/刷新令牌），您可以使用 Nuxt 自定义可组合项。

观看此视频。他正在使用 Laravel，但你可以使用 Node/express 应用程序作为后端。

我希望这有帮助。