Vue与SpringBoot项目中token的工程化使用

看了很多的资料，发现大家都是写Vue与SpringBoot简单前后分离demo，但目前我们保存用户状态时是需要token参与进来。

本文章仅介绍思路，具体实现代码会在一段时间后更新成一个开源框架供大家学习。

token，顾名思义，令牌。

而令牌需要谁发送，当然是检查的一方

所以下面我简单写一下关于前后端分离项目中，token的设计思路

1.在用户初次访问，检测是否存在token，如果不存在token，那么进行账户密码的校验，如果存在token，那么后台发送token到Vue前端，前端在localStorage中进行状态保存

2.由于Vue已经进行状态保存，所以每次获取用户信息时，只需要对Token里的信息进行提取即可

3.时效性，可以通过timeout设置超时时间，以此来控制账户的时效性保存

4.每次访问后端都需要把token放在请求头中，这样每次访问都可以判断token是否生效

5.如果不生效，跳转登录界面

要在之前解决掉跨域的问题

 

module.exports = {
    publicPath: '/admin',
    devServer: {
        port: 8080,
        disableHostCheck: true,
        proxy: {
            '^/api': {