1.获取接口里面的token,
2.存储token到本地存储里面【 localStorage.setItem(tokenkey, token)】,在控制台输入localStorage可以查看到本地存储的token值,在应用程序-本地存储也能看到token值
3.将接口放到localStorage里面之后(localStorage.setItem(tokenkey, token)),需要设置请求拦截器,将从本地获取到的token放到每次发起请求的接口的头里面,保证每个接口都携带token值。 config.headers[‘token’] = getToken(‘token’)
先参考token接口信息,信息要求访问token接口时需要携带参数username和password。
那么此时就需要获取登录页面的用户名和密码,当点击登录按钮的时候,发起axios请求token,请求需要携带用户名和密码。
先从后端给的生成token的接口,获取token以及相关参数,此接口返回的是token和username,将token和username放到本地存储中,localStorage.setItem(tokenkey, token),用户登出时,将本地存储的token清空就可以了
注:正常情况下,用不同用户名访问页面,生成的token都是不一样的。
如果没有token的话,访问登录页面要输出用户名和密码,访问登录页面下面的每个子页面也要分别输入用户名和密码