vuejs中cookie的问题

Question

各位大侠，我用vuecli3做了一个类似问答的网站
在用户登陆或注册后，就在cookie中记录下用户id：
this.$cookies.set('userid',_this.userid,'12h');这个cookie是12小时自动失效。
我现在的问题是：
失效之后页面的部分功能就不能正常显示了，影响用户体验。我想设计一种在失效之后页面自动跳转到初始的登陆页面，那么我应该怎么设计？是在App.vue或main.js中设置么？

Answer 1

这种一般在请求方法里面, 比如后端校验失效给你返回401或者303, 你根据状态码进行登录页的跳转

Answer 2

1，前端限制，main.js使用路由拦截器,跳转路由检测cookie 是否存在，不存在就路由跳转登录。

2，结合后端的就是上面的方式，调用接口时，后端检测请求头没有携带cookie,返回错误码，axios res全局监听错误码路由跳转登录。