在React应用程序中翻译404.html文件

Question

我有一个React应用程序，它有一个带有bundle.js的index.html文件，其中包含该应用程序的所有javascript。React应用程序使用React Intl进行本地化。

在我有一个404错误的情况下，我想显示一个404错误页面。我已经创建了一个静态的404.html文件来显示错误消息。

既然我的所有本地化逻辑都是在bundle.js内部的Index.html中实现的，那么我如何能够本地化静态404.html页面的文本呢？我需要为每种语言创建一个单独的404.html页面吗？

Answer 1

与其使用静态html作为404错误页，不如使用组件

<Route route="/" component={App}>
    <Route path=":area" component={Area}>
        <Route path=":city" component={City} />
        <Route path=":more-stuff" component={MoreStuff} />    
    </Route>
    <Route path="*" component={My404Component} />
</Route>

然后使用React Intl确保您的My404Component是区域设置感知的。