前后端分离项目中，前端和后端各负责用户拦截中的哪些内容？

Question

刚安装的抖音，不登录用户可以进行内容的观看，

只有点击赞，双击赞，评论等功能的时候会直接提示登录，

这个拦截到底是前台做的还是后台做的；

还是前后台都有做，

如果前后台都做得话分工是什么呢？

前端判断是否有token，没有token直接前端跳转至登录

前端有token，需要向后台发送数据吗？还是直接进行赞操作，然后后台再判断token是否有效，有效则赞成功，token无效跳转至登录页面；

前端判断是否有token这个判断有必要么？

Answer 1

1. 前后端都要做
2. 前端负责展示消息给用户，大部分用户很简单就是来用产品的，这些用户你在前端判断好状态拦截即可
3. 后端也要检查，避免有部分用户心怀不轨，蓄意绕过前端检查
4. 具体的分工跟产品技术架构有关，实现的方案很多，根据需要选择

Answer 2

前端后台都得做。前端的目的是好不好用（除非你不在乎），以最快的时间告知用户你要怎么操作（没token要登陆），后端才是这系统的依据。

Answer 3

不判断怎么知道有没有登录呢？

又或者每次点赞说不定都是发送了一次请求然后后端返回一个未登录的状态码，前端根据状态码来弄也可以

Answer 4

前端做比较合适但是需要后端配合：
1）让后端给前端发送数据列表的时候，带上是否登录的状态
2）点击点赞等按钮的时候，判断状态是否处于登录状态，登陆的话，将点赞通过接口发给后台。没有登陆的话，直接弹出登录页面就OK了

Answer 5

我们项目会根据用户是否购买课程来判断他能否进行互动，大概做法应该差不多
页面上会有显示用户名的地方，登陆后把用户ID放在那
1.点赞或其他互动时，把用户ID随着点赞的接口一起传到后台，这样后台就能知道是哪个用户进行操作
2.如果没有用户ID，提示没有登录，请先登录
3.如果因为一些原因没有登录也发送了点赞的请求，会因为上传没有用户ID这个必须有的参数，请求失败，不会造成点赞数据错误，请求的result为1，根据后台返回的失败信息来弹出对应的tips

同时也做了另一个处理，写两个操作按钮，用v-if判断显示哪一个，当用户没有登录时，对应的按钮不绑定对应的互动函数，绑定tips提示登录；当用户登录时，才显示可点击的操作按钮。