javascript - react-snap 未检测到所有路由

Question

  <BrowserRouter>
        <Switch>
            <Route
                exact
                path="/"
                component={EmailVerification}
            />
            <Route exact path={urlConfig.cashback} component={Cashback} /> 

            <Route
                exact
                path={urlConfig.emailVerificationFailure}
                component={EmailVerification}
            />
       </Switch>
  </BrowserRouter>

这是我的路线。当我使用 react-snap post build 时，只有第一条路线被抓取，而不是其他路线。

这是我的 package.json

   "reactSnap": {
    "inlineCss": true,
    "fixWebpackChunksIssue": false
}

谁能让我知道可能是什么问题？

Answer 1

您实际上是否将这些路线链接到某个地方？爬虫（无头 Chrome）分析 HTML 结构。如果您没有在任何地方链接这些页面，它就不会知道它们存在。尝试添加<a href="/emailverificationfailure">test</a>到您的页面，我很确定它会被抓取。真正的问题是——你为什么要抓取它？

预渲染的目的主要是 SEO，Google Bot 或爬虫会使用相同的技术进行爬取。您不想索引您的电子邮件验证失败页面，对吗？

如果您希望该页面仍然有效，它应该因为您的 app.js 文件仍然存在。