Router.all() 中的“x-auth-token”标头返回 undefined

Question

我目前正在构建一个应用程序，前端使用 React，后端使用 Nodejs，由 Express.js 提供支持。 我使用 jsonwebtoken 作为安全方法，并应用一个名为auth.js的中间件来授权每个以/rest开头的端点上的请求，这是auth.js的代码：

const token = req.header('x-auth-token');
console.log(token); // Get the token from 'x-auth-token' header
if (!token) {
    return res.status(400).json({ msg: 'Authorization denied. ' });
}

try {
    // validate the token
    next();
} catch (e) {

    return res.status(401).json({ msg: 'Invalid token. '})
}

以及/rest/*端点的路由：

router.all("/", auth, (req, res) => {
    // some codes
});

请求：

fetch(url + "/rest", {
    method: "GET",
    mode: "cors",
    headers: {
        "x-auth-token" : "this is the token" // define the header 
        "Accept" : "application/json",
        "Content-Type" : "application/json",
    }
});

router.all()机制工作正常，我可以使用所有方法访问每个/res路由。 问题是， auth.js中间件中x-auth-token标头的auth.js总是给出“未定义”。 当我将路由更改为route.get()或route.post()等时， x-auth-token值会正确地从客户端返回令牌。

我是否错过了围绕此router.all()的工作？ 谢谢你们。

---

编辑：这是我的 cors 中间件

module.exports = cors = (req, res, next) => {
    res.setHeader('Access-Control-Allow-Origin', {domain});
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type , Accept, x-auth-token');
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
}

---

解决：那么原来，为什么我的原因x-auth-token头在缺少req是因为的飞行前请求由@Marcos卡萨格兰德提及。 现在，我要做的是安装CORS包并按照Express 文档对其进行配置，最后在server.js文件中得到以下代码片段，因为我希望将cors配置应用于每个端点：

let cors = require("cors");
let whitelist = [{domains}]
let corsOptions = {
    origin: (origin, callback) => {
        if (whitelist.indexOf(origin) !== -1 || !origin) {
            callback(null, true)
        } else {
            callback(new Error('Not allowed by CORS'))
        }
    }
}
app.use(cors(corsOptions));

谢谢大家帮助我。

Answer 1

使用router.all ，需要处理OPTIONS ，并且x-auth-token在那里不可用。 当您从浏览器发出请求时，浏览器将首先发出OPTIONS请求。

如果你把：

console.log(req.method, req.headers);

你会看到： OPTIONS & x-auth-token丢失。 正确处理OPTIONS后，浏览器将发出GET请求，其中将出现标头。

因此，您可以自己处理它，并在发出 CORS 请求或使用cors包时设置正确的Access-Control-Allow-Origin标头。

const app = require('express')();
const cors = require('cors');

app.use(cors());

// ...

router.all("/", auth, (req, res) => {
    // No OPTIONS here, was already handled by `cors`
});

如果您没有发出 CORS 请求，只需在您的auth中间件中使用它：

if(req.method === 'OPTIONS')
    return res.send(); // 200

或先处理选项

router.options('*', (req, res) => res.send());

router.all("/", auth, (req, res) => {
    // some codes
});

阅读有关预检请求的更多信息

Answer 2

我看到您正在尝试从req.header而不是从req.headers访问标头值，并且您有一个"Content-Type" : "application/json",在您的GET请求中，无论如何都会发出OPTION请求。

您的客户端应用程序正在发出跨源请求，您的 nodejs 服务器必须处理它。 您可以使用cors来解决这个问题。

您可以在任何自定义标头中发送令牌，但更好的做法/标准化是使用Authorization标头。

Answer 3

在router.all中，您需要使用next（）继续处理请求。

另外，要解决cors问题，您需要安装cors软件包并在router.all之前使用它。

因此，您的代码必须像这样：

const cors = require("cors");

router.use(cors());

router.all("*", auth, (req, res, next) => {
  const token = req.header("x-auth-token");
  console.log(token);
  next();
});