Axios OPTIONS而不是POST请求。 Express Rest API(CORS)

时间:2017-12-11 21:54:50

标签: rest express vue.js axios

我试图使用Axios(和VueJs)向我的Rest Api(在localhost上运行)发出Cross Origin POST请求。它实际上对我的Rest Api执行OPTIONS请求,而不是执行POST请求。这绕过了一个中间件函数,它检查一个令牌并返回403。

这是登录功能

router.post('/login', (req, res) => {     

User.authUser(req.body, (err, user) => {
    var passwordIsValid = bcrypt.compareSync(req.body.password, user.password);
    if (err) throw err;

    if (!user) {
        res.json({ success: false, message: 'User nicht gefunden' });
    } else if (user) {
        if (!passwordIsValid) {
            res.json({ success: false, message: 'Falsches Passwort' });
        } else {
            const payload = {
                admin: user.admin
            };
            var token = jwt.sign(payload, config.secret, {
                expiresIn: 86400
            });
            res.json({success: true, message: 'Token!', token: token});
        }

    }
})
});

如何让Axios发出正确的POST请求?我试过这个黑客,因为我首先认为OPTIONS请求只是一个预检,但是在我返回200(或204)后没有请求

CORS中间件:

app.use(function(req, res, next) {    //set Response Headers
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE');
    if ('OPTIONS' == req.method) {
        res.send(204);
    }
    else {
        next();
    }
});

0 个答案:

没有答案