静态反应应用程序/网页多语言

Question

我花了一周的时间来弄清楚这个问题，目前我正在使用gatsby来生成我的静态网络应用。 我试过这样做

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

它是一种有效的作品，但仍然不是完美的解决方案。 我正在思考脆弱的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中的所有其他内容。到目前为止，这是完全正常的。