js axios设置header

Posted 2021-10-14 BBinChina

场景：

js应用 向鉴权服务进行鉴权、获取Bearer token后请求资源

问题：

1、获取token时，js习惯采用json格式，而鉴权服务采用的是表单格式，那么需要设置请求的Content-type为application/x-www-form-urlencoded。
2、json格式数据如何转化为表单格式呢，这里使用到axios库里的qs库，通过qs.stringify即可转化json

import axios from "axios";
import Qs from "qs";

const openApiService = axios.create({
    baseURL: "https://gateway",
    timeout: 30000,
    withCredentials: true
});

export default {
    getToken(param) {
        return openApiService.post(`/auth-server/oauth/token`, Qs.stringify(param), {headers:{'Content-Type':'application/x-www-form-urlencoded'}});
    },

    getSource(source, bearerToken) {
        let Authorization = "Bearer " + bearerToken;
        return openApiService.get(
            `/getSource/${source}`, { headers: { Authorization } }
        );
    },
};