目前后端我们已经完善好了 gateway网关当中进行了token的校验如下图所示 ![](https://img.kancloud.cn/80/a9/80a9e7951076ba827830f54560a7b528_1676x979.png) 在gateway网关当中我们配置了这些路径是可以直接放行的 ### 也就是说不需要带着token请求 ### 我们首先修改一下router/index.js当中的路由配置 ![](https://img.kancloud.cn/41/1a/411adc1fb91f46f08db87c5e92b23801_1351x967.png) ### 举个最简单的例子,我们在main.vue也就是控制台主页面当中的setup()当中默认进来之后就立马去请求后台接口获取一共有多少个用户的案例 ![](https://img.kancloud.cn/82/13/8213440fe55030839fc5d29a7edaf16b_1482x958.png) ### 这个时候因为gateway当中已经开启了登陆token的校验但是我们前端并没有设置axios的拦截器加入token值所以肯定会报错401,如何进行axios拦截器呢? ### ![](https://img.kancloud.cn/81/7e/817efa9bc002e946bcd67165d8236f0b_1875x969.png) ### 这样就保障了任何一次axios请求都会带上token值去请求后台接口 ### 登陆页面也会添加头信息当中的token只不过是空的 ### 后端不会对登陆页面也做token的校验 这在gateway当中都已经配置好了放行的路径 ### 另外登陆页面我们需要改一下登陆成功之后的请求路径 ![](https://img.kancloud.cn/a8/4c/a84caea519bfc47daa7cbfe61723b648_1542x952.png) 退出的路径也记得修改一下 ![](https://img.kancloud.cn/d0/bf/d0bf52070d4aa7dc53a0050b775a0011_1370x895.png) ### 这样只是给没吃的axios请求加上了登陆之后的token到头信息当中去 但是前端还是无法做到限制越权访问 比如我没登陆现在我就可以直接访问 http://localhost:9000/main路径 ### 所以我们还得在前端做一下路由拦截