时间戳

首页 > 解决方案 > 返回的数据被渲染而不是 Nuxt 中的页面结构

vue.js - 返回的数据被渲染而不是 Nuxt 中的页面结构

问题描述

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

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

谢谢

标签： vue.jsnuxt.js

解决方案

为避免冲突，例如您应该使用类似的前缀/api/或类似的/api/v1/东西

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

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

该文件是您的服务器。在底部，您需要像这样导出它：

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

请注意：app如果您使用 express.js，这是您的快速应用程序。

这里：const app = express();

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

推荐阅读