前后端分离 - 前端页面如何拦截？
前端使用vue，后端使用springboot，前后端分离，且已解决跨域，登录采用jwt验证
想实现功能：如果用户通过url栏输入地址方式来访问某个页面（非登录页），对未登录用户自动跳转登录页面
请问拦截器是设置在后端还是设置在前端？另外对于静态页面能拦截吗
共有3个答案
理论上如果已经做了jwt鉴权了话,你前端在Axios那拦截判断一下状态码就行,如果前端调用接口访问到的401的话,就可以跳转到登陆页,然后你静态页如果想进行拦截就可以判断是否本地有jwt的缓存,或者直接调用一个jwt接口就行了
前端 可以通过各框架提供的路由拦截，判断依据是保存在全局的用户信息（用户身份）或token，如果没有登录，用户信息是空的，就跳转到登录页。
token校验可以在刚启动进入的时候校验一下，等待校验完后 如果失效，把用户信息和token都清了。
如果只是校验token是否存在
前端校验即可 路由守卫做处理就可以 静态页面可以拦截
如果还需要校验token是否有效
路由守卫就做不到 只有通过接口交互 静态页面不可以拦截
-
前后端分离 在B／S架构的环境中，前后端分离一直都众说纷纭，没有一个标准。我觉得打开可以分为三个阶段： 传统的分离方法 传统意义上的前后端分离，前端指的是美工、切图、设计，后端是实现代码、数据库相关的实现。美工设计和生成的前端页面，给到程序员来做集成。那么这里其实就不分什么前后端了，程序员从数据库一直搞到前端页面的样式，就是“全能型运动员“。当然，一般传统上的开发协作模式有两种： 一种是前端先写一
-
问题内容： 我正在开发一个新项目，其中react / express作为前端，而loopback作为后端api。我在开发环境中使用不同的端口将它们分开。 我应该如何在生产中部署它们？ 托管在同一服务器上-将后端与其他子域分开？ 在2台不同的服务器上托管-似乎无法使用同一域。 问题答案： 您可以部署 您的 静态托管服务* 和 CDN 前端 *** AWS S3 + AWS CloudFront Go
-
前言 上一篇我们遇到'少年，是不是忘了npm run mock?'的警告，这一篇我们就来解决这个问题。 开发 一、安装包 安装koa和一系列的包（我们用的是koa v2）： koa koa-bodyparser koa-router boom nodemon mockjs 解释说明一下（知道的同学可以忽略）: 名称 作用 koa 我们都知道Node.js有HTTP模块，来处理HTTP请求
-
ModStart：系统是前后端分离的吗？
-
前端如何把图片上传到服务端? 使用技术：vue2 + elementUI 背景： 前端和后端分别部署到不同的服务器上，前端页面是个表单, 表单里面有上传图片的功能，上传的图片然后在其他页面展示的业务逻辑。后台提供的表单接口要求我只把图片名字(xxxx.png/xxx.jpg)传给他。 问题： 我把生产包放到nginx里的html文件夹后测试。发现没法上传。nginx的配置也做过修改了 vue： n
-
不同的权限显示的菜单不一样，有的多有的少