前端保存token值

1 登陆页面 获取后台数据

image.png

1  actions.js
commit('setHeaders', response.data.access_token)
2 mutaions.js
export const setHeaders = function(state, access_token) {
    state.headers = {
        'Accept': 'application/json',
        'Authorization': 'Bearer ' + access_token,
        'X-Requested-With': 'XMLHttpRequest'
    }
);
    window.localStorage.setItem('headers', JSON.stringify(state.headers));
**写法2**
    // 从 localStorage 中获取所有的评论
          var list = JSON.parse(localStorage.getItem('cmts') || '[]')
          list.unshift(comment)
          // 重新保存最新的 评论数据
          localStorage.setItem('cmts', JSON.stringify(list)) 

}
3 state.js
export default {
    headers: {},
}

4 模块化

image.png

5 发起请求是调用
  Vue.http.get(api.get(br_delete_put_data), {
            headers: rootState.headers //这里调用
        }).then(function(response) {})

6

image.png