如何通过Axios Call in React Redux派遣承载令牌

Question

  [HttpPost("xxxxxxxxxx")]
        [Authorize(Roles = "xxxxxxxxx")] 
        public IActionResult Post([FromBody]xxxxxxx xxxxxxxxxxxxxx)
        { 
            if (s == null)
            {
            }
        }

上面的代码是属性授权（角色="导演"）。我的申请角色是学生，主任，经理。这种特殊的方法只能由导演访问，对于上述方法，它使我回到了401未经授权。

export function xxxxxxxxxxxx(token, formValues) {
        return axios.post(`${ROOT_URL}/xxxxxxx/xxxxxxxx`, formValues);
    }
}

我不确定如何通过Axios Call在标题中发送载体令牌。

Answer 1

您只需要将持有人JWT令牌作为第三个参数。

axios.post(url, data, {
'headers': {
  'Authorization': 'Bearer ' + jwtStr
});

Answer 2

如果将请求发送到Web API控制器，则需要在标题授权中发送授权令牌，例如：" Bearer xxxxxxxxx"。

Answer 3

您可以尝试在这样的API const声明中配置它：

apiclient.ts内容：

import axios from 'axios';
const token = 'POINT YOUR TOKEN LOCATION HERE'
const api = axios.create({
  baseURL: 'http://127.0.0.1:3333'
});
axios.defaults.headers = {
  Authorization: 'Bearer ' + token
}
export default api;