error.messages

i18n.json

 {
   "en": {
     "title":"MoeCube",
+    "Home":"Home",
     "username": "User Name",
     "email": "E-Mail",
     "password": "Password",
@@ -27,7 +28,7 @@
     "send-email": "Send Email",
     "reset-success": "reset success",
     "reset-fail": "reset fail",
-    "reset-password": "Reset Password",
+    "reset-password2": "Reset Password",
     "remember-me":"Remember me",
     "Please-use-a-correct-E-Mail-address.": "Please use a correct E-Mail address.",
     "User-name-can-not-be-empty.": "User name can not be empty.",
@@ -80,6 +81,7 @@
   },
   "zh": {
     "title":"萌立方",
+    "Home":"主页",
     "username": "用户名",
     "email": "邮箱",
     "password": "密码",
@@ -106,7 +108,7 @@
     "send-email": "发送邮件",
     "reset-success": "修改成功",
     "reset-fail": "修改失败",
-    "reset-password": "重设密码",
+    "reset-password2": "重置密码",
     "remember-me":"记住我",
     "Please-use-a-correct-E-Mail-address.": "请填写正确的邮箱地址",
     "User-name-can-not-be-empty.": "用户名不能为空",

src/routes/Index.js

@@ -3,6 +3,7 @@ import { connect } from 'dva';
 import styles from './Index.less';
 import Particles from 'react-particles-js'
 import DocumentTitle from 'react-document-title'
+import { FormattedMessage as Format } from 'react-intl';
 import { Layout, Button, Menu } from 'antd';
 import { Link } from 'dva/router'
 import logo from '../assets/MoeCube.png'
@@ -126,24 +127,24 @@ const particleConfig = {
 function Index({ dispatch, children, messages }) {
   return (
     <div style={{ display: 'flex', flexDirection: 'column', flex: 1, height: '100vh' }}>
-      <DocumentTitle title={messages['title'] || 'Moe Cube'} />                                                       
+      <DocumentTitle title={messages['title'] || 'Moe Cube'} />
 
       <Header style={{ display: 'flex', alignItems: 'center'}}>
         <Link to="/" style={{ marginTop: '20px'}}>
-          <img src={logo} style={{ width: '140px', height: '44px'}}/>   
+          <img src={logo} style={{ width: '140px', height: '44px'}}/>
         </Link>
-            
+
           <Menu
           theme="dark"
           mode="horizontal"
           defaultSelectedKeys={['1']}
           style={{ lineHeight: '64px' }}>
           <Menu.Item key="1">
-            <Link to="/">  
-              Home              
+            <Link to="/">
+              <Format id="Home"/>
             </Link>
           </Menu.Item>
-        </Menu>  
+        </Menu>
       </Header>
 
       <Particles
@@ -152,7 +153,7 @@ function Index({ dispatch, children, messages }) {
           position: "fixed"
         }}
       />
-      {children}        
+      {children}
 
       <Footer style={{ position: 'absolute', width: '100%', bottom: 0, left: 0, display: 'flex', justifyContent: 'space-between' }}>
         <div>© MoeCube 2017 all right reserved.</div>

src/routes/Reset.js

@@ -55,7 +55,7 @@ class Reset extends React.Component {
         <Spin spinning={isResetSubmit} delay={100}>
           <Form onSubmit={this.onSubmitReset} className="login-form">
             <FormItem>
-              <h1><Format id='reset-password'/></h1>
+              <h1><Format id='reset-password2'/></h1>
             </FormItem>
             <FormItem>
               {getFieldDecorator('password', {
@@ -81,7 +81,7 @@ class Reset extends React.Component {
             </FormItem>
 
             <Button type="primary" htmlType="submit" className="login-form-button">
-              <Format id='reset-password'/>
+              <Format id='reset-password2'/>
             </Button>
           </Form>
         </Spin>