【九月打卡】第21天 Vue3 + TS 仿知乎专栏企业级项目

课程名称：2022全面升级. Vue3 + TS 仿知乎专栏企业级项目

课程章节： 8-3 登录第二部分 axios 设置通用 header

主讲老师：张轩

课程内容：

在每次请求之前设置每个接口必须要用到的请求头

课程收获：

之前封装好的axios的异步请求在获取到token之后，对axios进行一个设置，具体如下

axios.defaults.headers.common.Authorization = `Bearer ${token}`;

因为在登录之后需要请求多个接口也就是说需要触发多个actions，这个时候就可以用到组合式axtions，具体写法如下：

fetchCurrentUser({ commit }) {

return getAndCommit(`/user/current`, 'fetchCurrentUser', commit);

},

login({ commit }, payload) {

return postAndCommit('/user/login', 'login', commit, payload);

},

loginAndFetch({ dispatch }, loginData) {

return dispatch('login', loginData).then(() => {

return dispatch('fetchCurrentUser');

});

},

需要在前两个actions里面返回就可以了