laravel - 如何处理从 laravel 到 vue.js 的 401 错误未授权响应

Question

我对此越来越疯狂。

我在后端有角色/权限控制。当用户从 vue.js 应用程序发出请求时，它会转到 laravel 的中间件以检查它是否具有访问权限。假设它没有访问权限。所以我返回 401 状态码。现在我可以做两件事。

1）在我进行http调用的每个组件中，我尝试catch和catch，我捕获状态代码并检查它是否为401，然后我将用户重定向到其他地方或显示弹出窗口。但正如您所想，在每个组件的 http 调用的 catch 中编写相同的东西（有时重定向，有时弹出）是不好的

2）我需要在拦截器中处理这个。但我不知道怎么做。假设我提出了请求。在拦截器中，我收到 401 错误。如何检查是否需要重定向或显示弹出窗口？我需要最佳实践。我不希望每条路线都有一些元数据来告诉我是否为真 - 进行重定向，如果为假，则显示弹出窗口。

有没有更好的办法？

标签： laravelvue.jsvuejs2vue-componentvue-router