Apollo中有关NextJs SSR和cookies的问题

文章/答案/技术大牛

发布

2回答

next.js、apollo、server-side-rendering

我想在我的nextjs应用程序中使用cookie进行身份验证。我的代码中有一个bug，其中SSR无法工作，因为在代码的执行过程中，它在第一次呈现页面时找不到cookie，因此它将抛出一个错误。我现在已经使用了很多代码，并且已经达到了数据最终将加载但不会是SSR页面的状态。还有没有人处理过这个问题？我使用的是next、apollo客户端和apollo server express。

浏览 19提问于2020-05-06得票数 0

1回答

useQuery是否运行在服务器端呈现？

next.js、apollo、apollo-client

我是Nextjs的新手，对于Nextjs中的客户端呈现和服务器端呈现有一些问题。始终为SSR创建apolloClient的新实例，只为apolloClient创建一个实例。_a

浏览 3提问于2021-04-19得票数 9

回答已采纳

1回答

反应-阿波罗服务器端渲染

javascript、reactjs、apollo、react-apollo、next.js

免责声明：，我在上面看到了很多其他的问题，听起来都是一样的。但是不，这个问题和它的背景，一切都不一样。不是复制。除了饼干一切都很好。在CSR实现的早期，我的withData.js如下所示import ApolloClient from 'apollo-boost',

浏览 3提问于2019-05-18得票数 0

1回答

下一次-阿波罗-先渲染不是SSR。

next.js、apollo、server-side-rendering

我正在使用NextJs(9.3.0)用于SSR和graphQL (阿波罗)。 import { ApolloClient } from "apollo-client"; imp

浏览 2提问于2020-03-13得票数 1

1回答

如何从NextJS服务器恢复Apollo客户端数据

javascript、reactjs、apollo、react-apollo、next.js

我正在使用带有Apollo客户端的自定义NextJS服务器。我想在服务器端获取GraphQL数据，然后将其发送到客户端。我可以做到这一点，但客户端再次获取它。我知道Apollo缓存只在服务器上可用，然后需要发送到客户端并从那里恢复。Apollo docs提到了SSR，但我不想使用阿波罗客户端完全呈现我的应用程序，我想使用NextJS，我只想从阿波罗客户端获取数据，并手动将其注入到超文本标记语言中，以便在客户端恢复它。我看了一些使用阿波罗的</e

浏览 29提问于2019-04-26得票数 4

1回答

reactstrap与bootstrap v5兼容吗

reactjs、twitter-bootstrap、next.js、react-dom、reactstrap

我使用reactstrap、bootstrap和nextjs得到了这个错误 Server Errorimport pkg from 'react-popper'; const { Manager, Popper, Reference } = pkg; 这是我的package.json文件 "@apollo/react-hooks":

浏览 43提问于2021-11-10得票数 1

1回答

刷新页面时，apollo- state -link不会在缓存中保留状态

react-apollo、next.js、apollo-link-state

我注意到，当我在客户端本地更新我的缓存时，它路由到另一个页面，缓存与数据一起持久存在。但是，当我刷新该页时，缓存被清除。有没有一种方法可以在刷新后保持缓存状态？

浏览 18提问于2019-02-13得票数 0

2回答

通过单点登录访问getInitialProps中的apolloClient

apollo、next.js、react-apollo、apollo-client

我希望在页面加载之前通过SSR获得填充信息。我一直在关注这个示例，但注意到getInitialProps中不存在apolloClient。我的withAuth.jsimport { InMemoryCache } from 'apollo-cache-inmemory'next/head'; import Cookies from &#

浏览 0提问于2019-11-17得票数 0

1回答

反应警告:属性x不匹配。服务器:x客户端:x

reactjs、next.js

在使用Next.js框架时，我在React中得到以下错误。我目前使用的是react-avatar-editor包，我认为这是发生以下错误的地方： Warning: Prop `width` did not match.ReactDevOverlay (created by Container)in AppContainer in Root 这是一个带有属性的组件，它在一个名为avatar-editor.js的文件中</

浏览 19提问于2020-10-28得票数 1

回答已采纳

1回答

如何在NextJ中的页面转换之间使用相同的阿波罗缓存？

javascript、reactjs、next.js、apollo-client、apollo-cache-inmemory

我有来自NextJS官方示例回购的以下NextJS文件：import'lodash/isEqual' export const APOLLO_STATE_PROP_NAME = '__APOLLO</e

浏览 3提问于2021-04-12得票数 2

1回答

何时以及如何在NextJS过程中调用生命周期方法？

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

这是一个简单的问题，几乎可以肯定地在NextJS文档中找到了答案，但是在搜索(以及谷歌搜索有关它的一些文章)之后，我找不到它。据我所知，NextJS的工作原理如下：如果您从一个“外部”URL (即不是通过Link )到达您的应用程序，那么该页面就是NextJS‘d，NextJS向浏览器发送一个带有JS (NextJS框架但这是否意味着客户端在原始SSR之后还有第二个呈现，即原

浏览 4提问于2020-01-30得票数 10

3回答

Next.js存储访问令牌而不使用redux

reactjs、next.js、server-side-rendering

我使用NextJS和ReactJS实现了服务器端呈现应用程序。我不使用REDUX，所以我想知道在不使用REDUX的情况下存储这些用户详细信息的最佳方法。在使用SSR时，实现这一目标的不同方法有哪些？

浏览 3提问于2018-10-26得票数 2

1回答

NextJS -SyntaxError中的导出:意外的标记‘AmCharts’

reactjs、typescript、next.js、amcharts、amcharts4

当我试图在NextJS项目中使用'@amcharts/amcharts4/core'包和其他amchart模块时，我得到了一个错误： SyntaxError: Unexpected token 'export' 在阅读了很多关于它的帖子和信息后，我发现这个问题非常有帮助，它让我找到了动态导入的解决方案，下面我将分享我如何解决它的解决方案。

浏览 62提问于2021-10-08得票数 1

1回答

关于SSG/SSR和/cookies的NextJS建议

reactjs、google-analytics、next.js、server-side-rendering、static-site

我有一个NextJS站点，它是在构建时静态生成的。问题是，当我的站点是静态生成的时，我无法访问服务器端的cookie。这意味着，在不知道用户是否在服务器上同意cookie的情况下，我无法(或不提供)分析脚本以及页面的其余部分。可能的解决办法：将我的站点更改为服务器端

浏览 1提问于2021-02-01得票数 3

回答已采纳

1回答

页面上的查询，一旦导航回页，就不会重取

graphql、next.js、apollo-client、graphql-codegen

在我的nextjs页面中，我有下面的钩子(使用graphql-codegen生成)来获取graphql查询。: Apollo.QueryHookOptions<GetShortlistQuery, GetShortlistQueryVariables>, const options = { ...>(GetShortlistDocument, options);我的组件封装在一个特殊的组件中，以便启用阿波罗客户端。export def

浏览 5提问于2022-05-09得票数 0

2回答

react-router和Next.js有什么不同

javascript、reactjs、react-router、next.js

我正在研究ReactJS，我看到了和谢谢!

浏览 3提问于2018-11-27得票数 17

1回答

当我想要修改我的nextjs项目时

javascript、reactjs、docker、docker-compose、next.js

我遇到了一个问题来修改我的nextjs (这是一个SSR ReactJS库)项目。当我尝试构建应用程序时，它在步骤6/8中失败了。显然，我的流型插件插件-转换-流-条类型不是由构建过程管理的。这个插件被添加到我的package.json和我的.babelrc文件中。但是，当我使用节点启动启动我的项目，或者使用节点构建来使用nextjs构建我的项目时，一切

浏览 0提问于2018-11-13得票数 0

回答已采纳

1回答

useQuery在useMutation之后没有正确更新，并将cookies设置为授权

javascript、reactjs、typescript、graphql、apollo

我一直在用cookie和阿波罗客户端开发一个简单授权的项目。挑战是，有时当我尝试useQUery(isAuthenticatedQuery)时，他们会检索正确的数据，有时不会。我已经在网络选项卡中检查了我的请求，当我得到错误时，报头发送的是“承载未定义的”，而不是“承载${token}”。这是我使用阿波罗的第一个应用程序，所以这可能是一个虚拟的问题，我在想异步请求有一些问题，，但是useQuery<

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

回答已采纳

2回答

使用阿波罗客户端在nextJs中传递授权头的最佳方法是什么？ReferenceError:未定义localStorage

javascript、reactjs、graphql、next.js、apollo-client

我正在尝试使用nextJs和阿波罗客户端从我的graphql服务器获取受保护的资源。我将授权令牌存储在客户机浏览器(本地存储)中，并尝试从apolloClient.Js文件中读取令牌；但是它会抛出一个ReferenceError (ReferenceError: localStorage我的问题是，解决这个问题的最好办法是什么？我只是在我的项目中首次使用阿波罗客户端。我花了十多个小时想办法解决这个<

浏览 4提问于2020-07-23得票数 2

回答已采纳

3回答

Nuxt apollo智能查询被调用两次。引擎盖下发生了什么？

vue.js、nuxt.js、apollo、apollo-server、vue-apollo

我在SSR模式下使用nuxt和nuxt-apollo。似乎智能查询在SSR中被调用了两次，在前面又被调用了一次。如果我这么做了：apollo: { post在终端和devtools控制台中，每个都会显示两个日志(带有nuxt:ssr<

浏览 0提问于2019-09-05得票数 2

点击加载更多