用户登录

用户登录成功以后需要设置一下请求接口用的 HTTP 客户端的身份验证头部,之前在定义 apiHttpClient 的时候,我们已经定义好了一个修改这个头部用的方法,名字是 setAuthHeader。

打开 login/provider,在这个 AuthProvider 里使用的 useEffect 里面,用一下 setAuthHeader,把 currentUser.token 交给这个函数。

恢复登录状态的时候,也需要执行一下 setAuthHeader,把 currentUserFromStorage.token 交给这个函数。

现在登录成功或者恢复登录状态的时候,都会设置接口客户端的身份验证头部,这样再用它请求需要验证用户身份的接口的时候,就会有权限了。

设置接口客户端身份验证头部(Authorization)《 Next.js:身份验证 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点