我可以以及如何使用 laravel 护照保护我的 react-router 路由吗

Question

我找不到 react 和 laravel 身份验证的文档，但我在论坛上看到人们正在使用护照，所以我也使用了它。目前我有access_token，我可以用passport的中间件保护laravel路由，但是如何保护react-router路由？

目前我正在考虑使用 来自“universal-cookie”的 cookie 将令牌作为 cookie 传递给管理仪表板组件，并从那里运行 axios 请求以检查令牌是否有效。如果授予访问权限，我可以显示仪表板，以其他方式显示“拒绝访问”元素。但这不是路由保护，我想知道如何正确地做到这一点

 var bodyFormData = new FormData;
        bodyFormData.append('name', this.state.name);
        bodyFormData.append('password', this.state.password);
        axios({
            method: 'post',
            url: '/api/login',
            data: bodyFormData,
            config: { headers: {'Content-Type': 'multipart/form-data' }}
        })
            .then(function (response) {
                var cookies = new Cookies();
                cookies.set('access_token', response.data.access_token, { path: '/' });
            })
            .catch(function (response) {
                alert(response)
            });

Answer 1

通常，完成此操作的方法是使用自定义组件包装标准 Route 组件，然后将您的身份验证逻辑处理在那里。

查看这篇文章以获得一个很好的例子：https://tylermcginnis.com/react-router-protected-routes-authentication/