重读vue电商网站28之通过axios请求拦截器添加 token

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

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

。

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

首先，在 main.js添加如下代码：

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

 

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

 

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