若依vue前后端分离系统，后台登录获取token

在Vue.js的前后端分离系统中，当用户进行登录操作时，通常会经历以下步骤：

1. **前端提交请求**：用户通过浏览器向服务器发送一个登录请求，携带用户名和密码等必要的身份验证信息。

axios.post('/api/login', {
  username: 'user',
  password: 'password'
})

2. **后端验证**：服务器接收到请求后，检查提供的凭证是否有效。如果验证成功，会生成一个安全的Token（如JWT，JSON Web Token），它是用户身份的临时证明。

3. **返回响应**：如果登录成功，服务器会将生成的Token作为`Authorization`头部的一部分（通常形式为`Bearer <token>`）附加到HTTP响应头中，并返回给客户端。

{
  "status": "success",
  "data": null,
  "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRGVhciIsImV4cCI6MTYwMDAwMDAwMCwiaWF0IjoxNjAzNDAyMDAwfQ.SOME_TOKEN_HERE"
}

4. **存储Token**：前端应用接收到这个响应后，通常会在本地存储（例如localStorage、vuex store）或cookie中保存Token，以便后续的所有API请求都附带这个Token进行身份验证。

5. **拦截器设置**：在Vue项目中，可以使用axios或Vuex的全局拦截器，在每次发出请求之前自动添加Token到Header，这样就不必在每个单独的API调用中手动处理。

axios.defaults.headers.common['Authorization'] = `Bearer ${store.state.token}`