React Http axios 获取发送到 Flask 的请求 服务器到达时没有添加到其标头中的 jwt

Question

我正在尝试通过从 React 客户端向 Flask 服务器发送 axios get 请求来获取用户数据。

这是我的获取请求：

axios.get("http://10.0.0.14:5000/users")

这是请求在发送到服务器之前正在经历的拦截器，并随 JWT 一起提供：

    axios.interceptors.request.use(req=>
    {
        
        req.headers['x-access-token']=authSvr.getToken()
        return req
    })

这是 Flask 的一部分，负责处理 jwt：

@app.before_request
def check_token():
    auth_bl=AuthBL()
    if "/auth" not in request.url:
        if request.headers and request.headers.get('x-access-token'):
            token = request.headers.get('x-access-token')
            
            exist = auth_bl.verify_token(token)
            if exist is None:
                return make_response({"error" : "Not authorized"},401)
        else:
            return make_response({"error" : "No token provided"},401)

出于某种原因，当我打印请求标头时，例如print(request.headers) ，这就是我所看到的：

Access-Control-Request-Method: GET
Access-Control-Request-Headers: x-access-token
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36
Sec-Fetch-Mode: cors
Referer: http://localhost:3000/
Accept-Encoding: gzip, deflate

如您所见，我没有 x-access-token 密钥，而是作为密钥 Access-Control-Request-Headers 的值发送的。

有谁知道如何解决这个问题？ 谢谢

Answer 1

如果您使用的是不记名令牌，您可以试试这个：

你可以通过标题发送你的令牌

const headers = { Authorization: `Bearer ${token}` };

axios.get("your api url", { headers })
     .then(response => {
        // on success code
      })
     .catch(error => {
         // on error code
      })