如何链接到 React SPA 中的“页面”？

Question

我在 React 中构建了一个 SPA，并希望从另一个站点链接到 SPA 上的特定“页面”，即。 https://mywebsite.com/contact But, as it's a SPA using 'React-Router' and 'Link' within 'Switch', an external linking-anchor to anything other than: https://mywebsite.com or https: //mywebsite.com/自然会显示 404 错误。 我期待这一点，但想知道是否有一种方法可以在不从“登陆页面”开始的情况下进入我的 SPA 的特定部分？ 如果有人知道一种方法并且可以为我指出正确的方向，当然，如果有的话，那就太好了。 提前致谢。

Answer 1

对每个页面使用 react-helmet

 import Helmet from 'react-helmet'
{....}
         <Helmet>
          <title>title</title>
          <meta name="description" content={description} />
          <meta name="keywords" content={keywords} />
          <link rel="canonical" href={"***YOUR-URL/PATH***"} />
        </Helmet>

此外，您应该将服务器配置为始终指向所有内容的索引。

我希望这可以解决您的问题，如果您的应用程序依赖于这么多页面，您可以使用 NextJS 进行 Static 站点生成