axios如何在发送传token请求参数？

Question

我在登录时候获取到了token并存在localStorage里面，想知道如何在axios上请求数据

console.log(localStorage.getItem("token")); // 这个可以成功输出数据


// 这是请求代码
 beforeCreate() {
    this.axios
      .post(`/api/services/app/role/GetRoles`, {
        permission: ""
      })
      .then(response => {
        console.log(response.data.result);
      })
      .catch(function(error) {
        console.log(error);
      });
  }
};

想问一下这个如何才能把token带上一并请求数据，谢谢您的解答

Answer 1

设置全局的默认值

axios.defaults.baseURL = 'https://api.example.com';
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;    // 这个就是
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

详见手册：https://www.kancloud.cn/yunye...

Answer 2

token这种东西放拦截器里就行了。

axios.interceptors.request.use(config => {
    config.headers.permission = localStorage.getItem("token")
    return config
})

Answer 3

通常会把 token 放在 request header 里。axios 设置 header 的大概有4种

1. 在 post 方法里的 config 参数中但上 headers
2. 创建一个新的 axios instance，并带上 headers
3. 修改 axios 的 global default config
4. 拦截器

Answer 4

1.token一般是设置在请求的头里的。
2.一般来说需要配置全局axios拦截。
https://segmentfault.com/a/1190000015294743

Answer 5

header 携带
如果都需要token 那就拦截器