react-router-v4 - React 路由器 + SSR + 水合物
问题描述
我有一条“内部”到我们的服务器配置指向的路由:
{
path: '/product/:sku',
component: Product,
},
我们有一些“魔法”发生在 nginx 代理上,它路由一个外部的“搜索引擎友好 url (SEF)”指向一个特定的sku
.
此重定向在内部运行良好,我们的 SSR 呈现的产品页面按预期加载。然而,一旦 React.hydrate 发生,它似乎会查看客户端 SEF url,它与服务器端 url 不匹配,因此它认为它不正确(或者至少我能想到的就是这样)然后重新渲染空白的白页。任何想法都会反应路由器有某种方式来匹配从外到内的 url。
解决方案
推荐阅读
- node.js - 订单是否保留在 Google Cloud Datastore 的 Arrays/ListValues 中?
- javascript - 选择的新选项(循环功能)
- node.js - Loopback:多对多关系,不能相反
- scala - 在 Scala 中,你如何递归地构造一个单数 Some trait 中的列表?
- php - 在 psr-4 作曲家自动加载中找不到类
- javascript - ajax 调用 Blogger 后 jQuery 不工作
- npm - 共享使用 npm 链接的项目
- javascript - 通过文件链了解 ES6 中的导入/导出
- node.js - 如何在 node-express js 中包含模型?
- google-cloud-dataflow - 以编程方式排出管道的数据流