axios设置请求头token_axios中为所有请求带上Token头

  • 开发环境：vue-cli
  • 主要插件：axios
  • 应用场景：每次请求接口时，需要在headers添加对应的Token验证

探索过程如下：

在main.js中引入axios，主动请求一次签发Token的接口并设置到axios的默认headers中，以此达到后续的axios请求都带上Token头，如下：

import axios from 'axios'
axios.post('signToken', {
  "NickName": "xxxx",
  "Password": "xxxx",
  "RequestSign": "B858C5EEE7FD4D37C635FB55841ACA59"
}).then(res => {
  axios.defaults.headers.common['Authorization'] = res.headers.authorization
})
//实例化Vue
new Vue({
  el: '#app',
  router,
  components: {
    App
  },
  template: '<App/>'
})

组件内部有如此方法：

methods: {
      getBanner() {
        axios.post('getBanner', {
          HospitalId: 1
        }).then(res => {
          con
版权声明：本文为weixin_28452161原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。