xxx

auth/1/src/pages/login.js

@@ -7,6 +7,19 @@ class Login extends React.Component{
             password:''
         }
     }
+    doLogin(){
+        if(this.state.userName.match(/^\s*$/)){
+            alert("请输入用户名");
+            return;
+        }
+        if(this.state.password.match(/^\s*$/)){
+            alert("请输入密码");
+            return;
+        }
+        localStorage.setItem('userName',this.state.userName);
+        localStorage.setItem('isLogin',true);
+        this.props.history.replace('/shop')
+    }
     render(){
         return(
             <div>
@@ -24,12 +37,12 @@ class Login extends React.Component{
                     <li>密码</li>
                     <li>
                         <input type="text" 
-                        placeholder="请输入用户名" 
-                        onChange={(e)=>{this.setState({userName:e.target.value})}}
+                        placeholder="请输入密码" 
+                        onChange={(e)=>{this.setState({password:e.target.value})}}
                         />
                     </li>
                 </ul>
-                <button type="button">立即登录</button>
+                <button type="button" onClick={this.doLogin.bind(this)}>立即登录</button>
             </div>
         )
     }

auth/1/src/pages/me.js

@@ -1,10 +1,23 @@
 import React from 'react'
 class Me extends React.Component{
+    constructor(props){
+        super();
+        if(!localStorage.getItem('userName')){
+            props.history.replace('/');
+            return;
+        }
+    }
+    outlog(){
+        localStorage.clear();
+        this.props.history.replace('/')
+
+    }
     render(){
         return(
             <div>
-                <h1>欢迎回来</h1>
+                <h1>hi! 欢迎{localStorage.getItem('userName')}回来。</h1>
                 <h1>this is me</h1>
+                <button type="button" onClick={this.outlog.bind(this)}>安全退出</button>
             </div>
         )
     }

auth/1/src/pages/shop.js

@@ -18,7 +18,7 @@ class Shop extends React.Component{
                             <Route path="/shop/good" component={Good}></Route>
                             <Route path="/shop/me" component={Me}></Route>
                             <Route path="/shop/car" component={Car}></Route>
-                            <Redirect to="/shop/good"></Redirect>
+                            <Redirect to="/shop/me"></Redirect>
                         </Suspense>
                     </Switch>
                 </div>