logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

通过请求拦截器设置请求中的身份验证头部

用户登录成功后,服务器会签发一个令牌用于身份验证。客户端需要在之后向服务端发起请求时,将令牌包含在请求头中。为此,可以在客户端应用中使用fetch API添加一个请求拦截器,设置请求头部来包含授权信息。应用中设置一个状态来存储当前用户(current user)。如果当前用户状态有值,请求拦截器(on request)会在发送请求时添加一个authorization头部,其值是 "Bearer " 加上用户令牌。这可以通过网络请求面板在浏览器中进行测试,来确认请求头是否正确包含了授权信息。