PostMan vs Axios在发出请求时包含授权头

Question

向带有某些头的endpoint发出邮递员请求

当我运行下面的代码时

  function authenticateToken(req,res,next){

    const bearerHeader = req.headers["authorization"]
    console.log(req.headers)
    if(typeof bearerHeader !== 'undefined'){
        const bearer = bearerHeader.split(' ');
        const bearerToken = bearer[1];
        req.token = bearerToken;
        next();
    }
    else{
        console.log('hihihi')
        res.sendStatus(403);
    }

}//a middleware function used for JWT

它返回了我所期望的一切，如下所示

axios.interceptors.request.use(
            config=>{
                config.headers.authorization = `Bearer ${token}`
                return config
            },
            error =>{
                return Promise.reject(error)
                return error
            }
        )
        axios.post("http://localhost:3000/stockdata/post",{
                // some data
})

 axios.post(url,{data},{headers:{
                      'authorization': "Bearer "+ token,
                      'Accept': 'application/json',
                      'Content-Type': 'application/json' 
                })

问题只出在Axios请求上，而不是其他任何事情。这里面出了什么问题？

Answer 1

我想当您尝试使用axios时，会有两个请求，因为它有CORS问题。如果客户端主机不同于服务器主机，则会出现此问题。第一个请求是输入选项以知道是否允许POST,第二个请求是实际的POST。

您看到的可能是请求类型选项。您可以通过在浏览器中选中“网络”选项卡来验证这一点。在《邮递员》里不会发生这种事。您可以在服务器上添加CORS插件来解决这个问题。