vue.js - 在 Nuxt 中呈现返回的数据而不是页面结构

Question

我正在尝试从路线的 express 服务器返回 JSON 格式的数据。数据返回正常，但是当我在浏览器上打开 NUXT 页面时，输出的是 JSON 数据而不是页面 HTML。

请注意，快速路由与页面路由相同。我知道路线相互冲突。我需要在不同的端口上安装服务器和前端吗？我在这里做错了什么吗？

谢谢

Answer 1

为了避免冲突，你应该使用像 /api/ 或 /api/v1/ 这样的前缀

在nuxt.config.js中你需要定义你的服务器中间件

serverMiddleware: ["~/api/index.js"]

那个文件就是你的服务器。在底部，您需要像这样导出它:

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

注意:如果你使用 express.js，app 就是你的 express 应用。

这里是:const app = express();

如果一切正常，您的 API 根应该在 host:port/api/ 下可用