在使用getInitialProps时，如何处理nextjs中页面加载缓慢的问题？

文章/答案/技术大牛

发布

1回答

reactjs、performance、next.js、server-side-rendering

我正在使用nextjs 9，redux.Here是我的应用程序的一个页面： import React from 'react'; const router = useRouter();}; SamplePage.getInitialProp

浏览 39提问于2019-09-25得票数 0

回答已采纳

2回答

如何仅在getInitialProps站点构建期间使用NextJS？

javascript、node.js、next.js、static-site

当使用NextJS构建静态站点时，我希望getInitialProps方法只在构建步骤中触发，而不是在客户机上触发。在构建步骤中，NextJS在每个组件的呈现HTML用于生成页面的静态HTML之前运行。在客户端上，NextJS还会在呈现页面组件之前运行此方法，以便返回组件的必要支持。json

浏览 1提问于2019-09-11得票数 10

回答已采纳

1回答

当使用不同的params路由到同一页时，NextJS初始状态不会更新

javascript、reactjs、state、url-routing、next.js

这个项目正在使用NextJSlocalhost:3000/first/secondconst Index = ({ data }) => { const [state, setStatedata是组件的一个参数，它总是使用来自getInitialProps</

浏览 2提问于2020-04-22得票数 10

回答已采纳

1回答

MyApp.getInitialProps将pageProps作为空对象返回

reactjs、next.js

> <Component {...pageProps} /> </Provider>} const appProps = await App.getInitialProps(appContext)} 我想得到所有生成的

浏览 1提问于2021-12-01得票数 0

7回答

NextJS: getInitialProps方法

javascript、reactjs、next.js

使用NextJS并看到了一个页面示例： static async getInitialProps(context) {{}; render() { }export default withRouter(IndexPage); getInitialProps方法在NextJS</em

浏览 1提问于2018-09-02得票数 7

回答已采纳

1回答

Next.js中的会话管理

javascript、reactjs、session、session-cookies、nextjs

我在我的reactjs项目中使用了nextjs。在nextjs中，第一次加载页面时会在服务器端调用getInitialProps()，因此我们无法访问本地存储来获取会话。我们如何使用nextjs正确地管理会话。

浏览 1提问于2018-03-19得票数 8

回答已采纳

1回答

Next.js中的客户端和服务器端是什么？

javascript、reactjs、server、next.js

请您解释一下Next.js中客户端和服务器端的概念，就像他们在文档中提到的那样。我所知道的是，Next.js工作在react上，它是客户端并在浏览器中运行，服务器端是指api (后端)。谢谢在服务器端构建时调用此函数.它不会在客户端被调用，所以您甚至可以直接进行数据库查询。见“技术细节”一节。

浏览 4提问于2021-01-31得票数 0

1回答

为什么我在浏览器中使用NextJS时看不到网络选项卡请求？

reactjs、next.js、server-side-rendering

我是工作在一个反应应用程序，是建立使用SSR作为SEO的目的。SSR与NextJS是如何工作的？请求必须是从某个地方发出的；如果不是浏览器，那么在哪里？谢谢!

浏览 1提问于2020-06-05得票数 2

2回答

NextJS -如何在一个环境中呈现网页，在另一个环境中呈现静态页面。

javascript、reactjs、ecmascript-6、next.js、devops

我在一个环境(我的)上有一个Strapi后端，在Vercel上有一个NextJS前端。我的客户端在Google上有相同的Strapi后端代码和托管在某处的相同的前端代码。我托管了生产前环境，我的客户端承载了生产环境。当我在我的NextJS应用程序中的某些页面上激活静态生成时，由于我的

浏览 16提问于2021-09-10得票数 0

1回答

getInitialProps in _app阻止getIitialProps在其他页面中工作。

next.js

我对Nextjs很陌生，我试图让getInitialProps在_app.js中运行，以检查受保护的路由和获取登录用户的信息，并在其他页面中使用getInitialProps，但即使在使用空函数时，_app.js中getInitialProps的存在也会阻止在另一个页面中调用

浏览 6提问于2022-05-04得票数 1

1回答

下一步-将道具从自定义_app.js传递到<Navbar>组件？

javascript、reactjs、next.js、react-props

如何将道具从此处传递到我将添加到Head组件下的导航栏组件？我已经在index.js页面中使用了getServerSideProps，但它在_app.js文件中似乎不起作用。 import "..Component: PropTypes.elementType.isRequired,}; 有没有更好的方法在每个页面中使用</em

浏览 14提问于2020-12-07得票数 4

回答已采纳

2回答

API -从getInitialProps向NextJS服务器发送cookies

node.js、laravel、cookies、next.js、server-side-rendering

我正在使用NextJS作为客户端存储库来与我的后端应用编程接口服务器(laravel)通信。身份验证是通过存储在cookie中的JWT完成的。当我向https://my-backend-server.com/api/login发送身份验证请求并将其设置为my-backend-server.com域时，这一切都可以无缝工作，因为我使用cookie甚至当我从浏览器发送请求时。当我

浏览 2提问于2019-12-16得票数 5

2回答

NextJS，_app，SSG，getInitialProps和getStaticProps，我怎么能坚持干呢？

next.js、dry、getstaticprops、ssg

我找不到的是我还剩的问题的答案。其他人如何解决不能在getStaticProps中使用_app.js的问题？getInitialProps对我来说不是一个选项，因为我想使用SSG。即使在使用getInitialProps时也有强制SSG的方法吗？或者，我真的必须从每个页面上的无头CMS<em

浏览 12提问于2020-10-12得票数 13

回答已采纳

1回答

NextJS -如果路由不同，只运行getInitialProps

reactjs、next.js

我正在设置一个NextJS应用程序，使用getInitialProps来提取我希望在第一个页面加载时在服务器端呈现的misc数据。一切正常，但我注意到，如果我点击同一链接两次，getInitialProps就会再次运行，尽管一切都是一样的。例如，我有一个左导航与各种类别等链接(这个应用程序将是一个电子商务网站的前端)。如果我单击某个类别，类别组件(页面)就会<e

浏览 0提问于2021-07-27得票数 0

回答已采纳

2回答

我能避免使用NextJS‘getServerSideProps的双API调用吗？

reactjs、next.js

我在摆弄NextJS‘getServerSideProps。我看到当我从零开始请求一个页面时，我会收到完全水合的内容。然后，当我导航到一个新页面时，会发出一个API调用，它接收一些用于重新填充页面的JSON数据。打电话给example.com/_next/

浏览 43提问于2021-06-16得票数 0

2回答

NextJS:如何将数据从一个页面发送到另一个页面的getInitialProps函数

javascript、node.js、reactjs、express、next.js

我试图将数据从页面B(登录)发送到页面A的(索引) getInitialProps，因为我需要一个键，使页面A的getInitProps真正得到道具.我目前正试图通过发送一个POST请求到一个自定义快速路由，并使用该路由来呈现页面服务器端，以便getInitialProps运行。但是问题是，浏览器不会呈现页面，即使它是在服务器端构建的。，nextjs</e

浏览 0提问于2019-01-21得票数 3

回答已采纳

2回答

下一个js中的嵌套路由

reactjs、server-side-rendering、next.js

我有一个简单的SPA和应用程序和关于组件如下所示。当我单击About链接时，about页面会出现在这些链接下。问题是，当我点击“关于我”链接时，加载的是“我”页面，而不是“关于”页面。我真正想要的是在nextjs中实现嵌套路由。看起来一级路由正在加载。但是我不知道如何将它添加到我的子组件中。a

浏览 13提问于2018-08-31得票数 12

回答已采纳

1回答

如何在next.js中实现带有重定向的链接？

javascript、reactjs、next.js

我有以下react组件，我正尝试在next.js中实现它。j's，我不确定，我如何在类似于上面的react组件代码的next.js中处理重定向的路由。有什么需要帮忙的吗？

浏览 2提问于2019-09-20得票数 1

1回答

NextJS官方示例代码：_app.getInitialProps调用Component.getInitialProps --这是为了确保所有页面都加载数据吗？

javascript、reactjs、redux、redux-saga、next.js

我正试图了解如何将redux-saga连接到NextJS，并遵循它们提供的示例代码- 。我知道可以从getInitialProps内部加载数据，但是我不知道调用Component.getInitialProps是怎么回事 staticContainer> } export default withRedux(createStore)(withReduxSaga({async: true})(MyApp))

浏览 0提问于2019-01-25得票数 0

2回答

NextJS路由:为什么需要不同的客户机和服务器路由？

javascript、reactjs、express、next.js

我对NextJS的反应有点新，但对完全陌生，我正试图自学它。我已经阅读了NextJS的“入门”教程，以及一些其他教程。我不明白为什么需要区分服务器上的客户端路由和路由，这就是为什么作为示例给出的客户端路由使用查询，而服务器路由不使用查询。我知道我没有看到树木的森林，所以如果有人能指出“摸索”NextJS路线的正确方向，我会很感激的。在教程中，在

浏览 1提问于2018-12-20得票数 2

回答已采纳

点击加载更多