javascript - 使用 Vue.JS 和 Node.JS 时未定义 Axios 授权 header

Question

我在为 axios 实例设置授权 header 时遇到问题。

这是我在 http://localhost:8080 上运行的 Vue.JS 应用程序中的代码:

axios.defaults.headers.common['Authorization'] = 'Bearer ' + token

axios.get(`/users/email/${myemail}`).then(response => {
   var user = response.data.result[0]
   ...
});

这是在 http://localhost:3000 上运行的 Node.JS 服务器代码示例:

// Add headers
app.use((req, res, next) => {  
  res.setHeader('Access-Control-Allow-Origin', '*');

  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

  res.setHeader('Access-Control-Allow-Headers', 'Content-type, Accept, X-Access-Token, X-Key, Authorization');

  res.setHeader('Access-Control-Allow-Credentials', true);

  next();
});

并且:

app.use((req, res, next) => {
  var token = req.headers['authorization'];
  if (token) {
    jwt.verify(token, "mysecret", (err, decod) => {
      if (err) {
        res.status(403).send({message: "Access forbidden, wrong token."});
      } else {
        req.decoded = decod;
        next();
      }
    });
  } else {
    res.status(403).send({message: "Access forbidden, no token provided."});
  }
});

req.headers['authorization'] 始终未定义...但是当我通过 Postman 执行 get 请求时，Authorization header 已正确设置，并且我可以在 Node.JS 服务器上获取 token 。

我不明白我的错误在哪里......非常感谢您的帮助!

Answer 1

您的 axios header key 是“Authorization”，但在 Node 中您会获得“authorization”。

JavaScript 对象键区分大小写:D