【问题标题】:Render whole page as JSON content instead of HTML with Nuxt.js使用 Nuxt.js 将整个页面呈现为 JSON 内容而不是 HTML
【发布时间】:2021-12-16 20:28:18
【问题描述】:

目前我的 Nuxt.js 应用程序提供在布局、页面、路由和组件中定义的 HTML 页面。

是否可以将单个路由/一页呈现为标准 JSON 响应?那可能吗?我的意思是不要渲染 HTML,例如标签 - 只有纯 JSON!

我已经尝试过的:

  • 创建了一个完全干净的布局(基本上只有它),没有成功,仍然是 HTML。
  • 使用<pre>{{jsonObject}}</pre>希望得到纯JSON,没有成功。

如果有人能告诉我这是否可能,我会非常高兴?

【问题讨论】:

  • 不可能,您应该使用静态文件或制作 API

标签: json vue.js nuxt.js


【解决方案1】:

您在这里寻找的是 API。

Vue.js 将在最后渲染一个模板(编译为渲染函数,生成一个 DOM 树),因为它是针对前端使用的。如果你想用纯 JSON 呈现 API 响应之类的东西,你需要查看 Express 或类似的东西。

【讨论】:

  • 感谢您的回答,我明白这一点。当然,我可以以其他方式托管 API/端点,是的。我提出问题的动机是:是否有可能将 Express 集成到我当前的 Nuxt 应用程序中?不知何故在 Nuxt 内部的路由级别?那么 Nuxt 为所有前端路由提供服务,并为仅一条路由(在后台访问 Express)的请求提供服务/管道?我不想只为那条路线设置第二个项目,而且我确实需要处理一些逻辑(所以我不想提供一个静态文件)。
  • Nuxt 可以将中间件烘焙到 Express 中,如下所述:github.com/nuxt/nuxt.js/discussions/… 这是相关文档:nuxtjs.org/docs/configuration-glossary/…@NetWurst
猜你喜欢
  • 2012-02-26
  • 1970-01-01
  • 1970-01-01
  • 2013-07-16
  • 2021-09-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多