带有要在next.js中的getInitialProps中使用的后端数据的呈现页面

村上

我是next.js的新手。在next.js项目中,我需要实现的工作是连接到数据库,获取一些数据,使用express处理并在我的应用程序的客户端使用它。我将在快速路由处理程序中连接到DB。问题:是否可以将下载的数据传递到客户端(即getInitialProps生命周期方法),而无需fetch从内部getInitialProps(即for.ex. api)获取数据有没有办法让它已经准备好通过一些道具在客户端使用(没有经典的获取方法)?

尼科

您可以用express来获取数据,与此类似,在express中:

server.get('/your/route', async (req, res) => {
  // fetch your data
  let data = await fetch(....)
  return app.render(req, res, '/yourpage',data)
})

然后getInitialProps可以访问您的数据:

   static async getInitialProps (context) {
     let data = context.query;
     return {data}
   }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Typescript使用getInitialProps将prop传递到Next.js中的每个页面

来自分类Dev

从带有 id 的 Next 按钮更改页面

来自分类Dev

带有或不带有Express的Next.js

来自分类Dev

需要在webapi中传递带有参数的URL

来自分类Dev

如何将道具从Next.js中的getInitialProps传递到所有页面

来自分类Dev

想要在mongodb中插入带有html标签的数据并在浏览器上呈现它[ejs]

来自分类Dev

带有Zeus的RSpec 3.1,我是否需要在spec_helper中使用“ rspec / rails”?

来自分类Dev

Rails:带有“强参数”的accepts_nested_attributes_for,需要在参数中使用ID

来自分类Dev

带有完成块的Objective-C方法返回要在完成块中使用的值

来自分类Dev

如何在要在 ggplot2 图形中使用的表达式()中包含带有保存文本的对象?

来自分类Dev

带有AJAX的Django 1.7,如何或在何处清除要在AJAX请求中传递的输入

来自分类Dev

我需要在带有标签的Visual Basic中创建测验的帮助

来自分类Dev

需要在Windows Phone 8中创建带有动画的列表框删除项

来自分类Dev

不要在Mutt的菜单中显示带有常见按键绑定的第一行

来自分类Dev

需要在带有''或','的非常多的字符串中插入中断

来自分类Dev

需要在带有滚动条的 ttk 笔记本中安装鼠标滚轮

来自分类Dev

带有 Java 错误的 Selenium:“文件路径 wcxChrome.crx 需要在键中是绝对的...”

来自分类Dev

从 CDN 提供 .APK 文件,并带有要在 Android 中安装的标头

来自分类Dev

带有标签的 rspec 过滤器 - 不要在 `describe` 中运行代码

来自分类Dev

使用带有字符串元素的列表作为要在for循环中创建的文件的名称

来自分类Dev

为什么需要在类python(self.x = x)中使用带点的任何字符串带有self?

来自分类Dev

Ember.js:在带有 mirage 的模拟后端中使用 body-parser 库

来自分类Dev

Next.js中的getInitialProps是什么

来自分类Dev

HTML 5-我需要在包含和带有装饰器的页面上声明DOCTYPE吗

来自分类Dev

在 scalajs-react 中使用带有后端的 StateSnapshots

来自分类Dev

Next.js 中的 getInitialProps 不从服务器获取数据

来自分类Dev

Next.js - 如何使用 Provider 来包装路由并使用带有钩子的上下文

来自分类Dev

Next.js:如何使带有空间的动态路线有效?

来自分类Dev

Next.js-页面无法将GetServerSideProps放入Page组件属性(带有自定义_app.js)

Related 相关文章

  1. 1

    使用Typescript使用getInitialProps将prop传递到Next.js中的每个页面

  2. 2

    从带有 id 的 Next 按钮更改页面

  3. 3

    带有或不带有Express的Next.js

  4. 4

    需要在webapi中传递带有参数的URL

  5. 5

    如何将道具从Next.js中的getInitialProps传递到所有页面

  6. 6

    想要在mongodb中插入带有html标签的数据并在浏览器上呈现它[ejs]

  7. 7

    带有Zeus的RSpec 3.1,我是否需要在spec_helper中使用“ rspec / rails”?

  8. 8

    Rails:带有“强参数”的accepts_nested_attributes_for,需要在参数中使用ID

  9. 9

    带有完成块的Objective-C方法返回要在完成块中使用的值

  10. 10

    如何在要在 ggplot2 图形中使用的表达式()中包含带有保存文本的对象?

  11. 11

    带有AJAX的Django 1.7,如何或在何处清除要在AJAX请求中传递的输入

  12. 12

    我需要在带有标签的Visual Basic中创建测验的帮助

  13. 13

    需要在Windows Phone 8中创建带有动画的列表框删除项

  14. 14

    不要在Mutt的菜单中显示带有常见按键绑定的第一行

  15. 15

    需要在带有''或','的非常多的字符串中插入中断

  16. 16

    需要在带有滚动条的 ttk 笔记本中安装鼠标滚轮

  17. 17

    带有 Java 错误的 Selenium:“文件路径 wcxChrome.crx 需要在键中是绝对的...”

  18. 18

    从 CDN 提供 .APK 文件,并带有要在 Android 中安装的标头

  19. 19

    带有标签的 rspec 过滤器 - 不要在 `describe` 中运行代码

  20. 20

    使用带有字符串元素的列表作为要在for循环中创建的文件的名称

  21. 21

    为什么需要在类python(self.x = x)中使用带点的任何字符串带有self?

  22. 22

    Ember.js:在带有 mirage 的模拟后端中使用 body-parser 库

  23. 23

    Next.js中的getInitialProps是什么

  24. 24

    HTML 5-我需要在包含和带有装饰器的页面上声明DOCTYPE吗

  25. 25

    在 scalajs-react 中使用带有后端的 StateSnapshots

  26. 26

    Next.js 中的 getInitialProps 不从服务器获取数据

  27. 27

    Next.js - 如何使用 Provider 来包装路由并使用带有钩子的上下文

  28. 28

    Next.js:如何使带有空间的动态路线有效?

  29. 29

    Next.js-页面无法将GetServerSideProps放入Page组件属性(带有自定义_app.js)

热门标签

归档