首页 > 解决方案 > React 路由器 + SSR + 水合物

问题描述

我有一条“内部”到我们的服务器配置指向的路由:

{ path: '/product/:sku', component: Product, },

我们有一些“魔法”发生在 nginx 代理上,它路由一个外部的“搜索引擎友好 url (SEF)”指向一个特定的sku.

此重定向在内部运行良好,我们的 SSR 呈现的产品页面按预期加载。然而,一旦 React.hydrate 发生,它似乎会查看客户端 SEF url,它与服务器端 url 不匹配,因此它认为它不正确(或者至少我能想到的就是这样)然后重新渲染空白的白页。任何想法都会反应路由器有某种方式来匹配从外到内的 url。

标签: react-router-v4server-side-rendering

解决方案


推荐阅读