100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 前端学习(2708):重读vue电商网站28之通过axios请求拦截器添加 token

前端学习(2708):重读vue电商网站28之通过axios请求拦截器添加 token

时间:2022-09-13 06:10:44

相关推荐

前端学习(2708):重读vue电商网站28之通过axios请求拦截器添加 token

通过axios请求拦截器添加 token,保证拥有获取数据的权限。

原因是,后台那边除开登录的api,其它都需要进行授权

因此,我们可以利用axiosinterceptors属性,其中有一个成员request,此时我们可以通过use函数为请求拦截器挂载一个回调函数,只要向服务器端发送了一个axios请求,会优先调用use函数。

首先,在main.js添加如下代码:

此时,打印config,查看结果如下,发现我们headers字段并没有一些授权字段。

此时,我们添加如下一行代码,通过token来进行授权。

此时,在Network就能查看到有一个Authorization字段了,但这里是为null,因为我们进行的是登录请求,在登录期间,服务器是不会颁发令牌(token)。如果登录之后,调用其它api接口的话,就会颁发相应的token令牌。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。