vue中使用cookie

1、安装

npn install vue-cookie

2、在main.js中引用

import VueCookie from 'vue-cookie'
Vue.use(VueCookie);

3、代码

请求login接口后将userId保存到cookie中 ，发出请求后可在request header中查看

this.axios
               .post('/user/login', {
                   username,
                   password,
               })
               .then((res) => {
                   // key:userId  value:res.id 过期时间：{ expires: '1M' }
                   this.$cookie.set('userId', res.id, { expires: '1M' });
                   // to-do 保存用户
                   this.$router.push('/index');
               });

image.png