我应该将access_token存储在localStorage + Redux还是axios默认值中？

Question

我开始在我的React应用程序中使用Redux。一开始，我尝试使用Dan Abramov's Tutorial通过store对象上的subscription函数来处理令牌的管理。

现在我看到，我可以将令牌直接保存到axios默认值中，例如：axios.defaults.headers.common['Authorization'];

在API响应中收到令牌时将令牌存储为默认值是否是错误的做法？我应该用Redux代替吗？

Answer 1

您必须将您的令牌存储在local storage中。在API调用中，您可以从本地存储中获取令牌。

let webApiUrl = 'example.com/abc';
let token = localStorage.getItem('token');
let headers={headers: {"Authorization" : `Bearer ${token}`} }
axios.get(webApiUrl,headers);