##在项目前后分离的状态下，刷新页面，怎么保持用户登录

在头部组件里面，初始化的时候，调用一个接口检查是否登录

如果登录了，就把用户昵称给到这个nickname变量里面
如果未登录，就提示未登录

### 在组件初始化完成之后，自动调用是否登录接口
```
created(){
    this.checkLogin()
},
```


### 是否登录接口
```
checkLogin(){
    axios.post('/users/checkLogin').then(result=>{
        let res = result.data;
        如果登录成功就把，登录的结果赋值到这里
        如果未登录成功，这个结果空字符串
        this.nickName = res.result;
    })
},
```

```
/ 检查是否登录
router.post('/checkLogin', function(req, res, next) {
    // 使用cookies读取 cookies
    if (req.cookies.userId) {
        res.json({
            status: '0',
            result: req.cookies.userName
        })
    } else {
        res.json({
            status: 1,
            msg: '未登录',
            result: ''
        })
    }
})

```