前端获取后台返回的response数据token，并将这个数据token设置成接口的头部传给后端

cookie设置值，获取值的方法

function setToken(name, value) {
    document.cookie = name + "=" + value
}

function getToken(cname) {
    var name = cname + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') c = c.substring(1);
        if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
    }
    return "";
}

因为是要获取response数据，所以应该在response拦截器里面做处理。

// respone拦截器
service.interceptors.response.use(
    response => {
        if (response.status == 200) {
             //这里获取token，使用cookie保存token
            if (response.headers.authorization) {
                let token = response.headers.authorization;
                setToken('Authorization', token)
            }
        } else {
            return Promise.reject(response.data.msg)
        }
    }
)

通过response拦截器获取到token后，我们需要将token设置成头部，这个操作在request拦截器里面。

// request拦截器
service.interceptors.request.use(config => {
    let token = getToken("Authorization");
    if (token) {
        config.headers['Authorization'] = token
    }
    // if (store.getters.token) {
    //     config.headers['authorization'] = getToken() // 让每个请求携带自定义token 请根据实际情况自行修改,适用token验证登录，
    // }
    return config
}, error => {
    // Do something with request error
    console.log(error) // for debug
    Promise.reject(error)
})