axios 尝试从react应用程序中命中API时,请求标头中未显示承载令牌

mzillmmw  于 2023-01-20  发布在  iOS
关注(0)|答案(1)|浏览(121)

这是我的发布服务-

export const Services = {
    post: (url: string, body: IKeyValuePairs<any>= {}, headers: IKeyValuePairs<string> = {}): AxiosPromise => {
        return axios.post(url, body, headers);
    },
}

我正在使用这项服务如下-

const response = await Services.post(`${Configuration.Instance.BaseUrl}/roles`, { roleName, description, permission }, contentTypeHeader);

将内容类型标头用作

const token = localStorage.getItem('accessToken');
const contentTypeHeader = { 
  'Content-Type': 'application/json',
  'Authorization': `Bearer ${token}`
};

不知怎么的,浏览器上的chrome,没有显示授权-

有人知道我错过了什么吗?

zf9nrax1

zf9nrax11#

Axios需要以下格式的标头:

const contentTypeHeader = {
  'Headers': { 
    'Content-Type': 'application/json',
    'Authorization': `Bearer ${token}`
  },
};

相关问题