vue中实现单点登录功能

Question

业务需求如下： 访问域名/ 项目时会发送请求给后台，判断是否已经登录，如果登录就直接跳转，如果没有登录过就跳到登录页；遇到的问题： axios发送查询登录请求时会自动重定向302，导致拿不到JSON数据；使用axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';好像解决了问题，但是登录之后再跳转不会跳到首页去，好像是登录返回的TOKEN没有带上。请问，应该怎么封装axios？以后每次请求都要带上TOKEN。登录判断的请求应该在哪里发好一些，目前我在APP.vue中发的。谢谢大家。

Answer 1

1. 业务需求如下： 访问域名/ 项目时会发送请求给后台，判断是否已经登录，如果登录就直接跳转，如果没有登录过就跳到登录页；

2. 遇到的问题： axios发送查询登录请求时会自动重定向302，导致拿不到JSON数据；使用axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';好像解决了问题，但是登录之后再跳转不会跳到首页去，好像是登录返回的TOKEN没有带上。

3. 请问，应该怎么封装axios？以后每次请求都要带上TOKEN。登录判断的请求应该在哪里发好一些，目前我在APP.vue中发的。

4. 谢谢大家。