reactjs - 静态 React 应用程序/网页多语言

Question

我花了一周的时间来解决这个问题，目前我正在使用 gatsby 生成我的静态 Web 应用程序。我已经尝试过

-pages 
--en 
---index.js 
---main.md 
---contact.md 
--zh 
---index.js 
---main.md 
---contact.md

这是一种作品，但仍然不是完美的解决方案。我正在考虑 impelent React-Intl，但我不确定。静态应用程序/网页可以吗？

还有其他建议吗？

Answer 1

我们使用Instant作为 React 的多语言解决方案。我们有一个静态生成的 React 应用程序，我们将其部署到 S3 并通过 CloudFront 提供服务。在您的 React 路由器中，您可以确保所有路径都像/en/some-page和一样被捕获/fr/some-page。然后，根据这条路线，您在 Instant 中设置正确的区域设置，该工具将为访问者提供正确的语言。

Answer 2

我目前的方法是一起使用react-intl和Gatsby-plugin-i18n。所以我将页面的内容保存Gatsby-plugin-i18n在 react-intl 中，以及其他所有内容。到目前为止，它工作得很好。