护照本地策略与邮递员一起使用，但不适用于 axios，“缺少凭据”错误

Question

我正在尝试使用护照和本地策略构建登录系统。但是，每当我尝试通过 axios 运行请求时，它都不起作用，而与邮递员一样，请求也起作用。

我收到“缺少凭据”作为 axios 错误。

这是我的 axios 请求：

//api.js

localAuth: (username, password) => {
        console.log("running query")
        axios({method: "POST", url: "http://localhost:8080/login", data: {username: username, password: password}, withCredentials: true
        })
        .then(res => {
            console.log("Res = ", res);
        })
        .catch(err => {
            if (!err.response) {
                // network err
                console.log('err: Network err');
            } else {
                console.log(err.response.data.message);
            }
            console.log(err);
        })
    }

这是我的本地策略：

//passport.js


var options = {
    passReqToCallback: false,
    usernameField: 'username',
    passwordField: 'Password'
};

passport.use(new localStrategy(options, (username, password, done) => {
            this.userHelper.isAuthenticated(username, password)
            .then(async (response) => {
                var user = {username: response.username, id: response.id};
                var res = {user: user, token: this.getToken(user), type: type};
                var token = await this.tokenHelper.saveToken(res)
                return done(null, token)
            })
            .catch((err) => {
                console.log("an error occured : ")
                if (err === false) {
                    return done(null, false, {message: 'Invalid Username or password'})
                }
                else {
                    console.log("stratgy error:", err)
                    return done(err, false);
                }
            })
        }))

这是我的服务器端请求：

//app.js

app.post('/login', (req, res, done) => {
    strategy.authenticate('local',{session:true}, (err, user, info) => {
        console.log("err = ", err, " user = ", user, " info = ", info)
        if (err) {
            console.log("error occuring in local authentification strategy")
            res.send({sucess: false, message: err})
        }
        else if (!user) {
            console.log("error occuring in local user")
            res.send({sucess: false, message: "Unknown user or wrong Password"})
        }
        else {
            console.log("sucess on authorization")
            res.send({sucess: true, message: "Authorization suceeded"})
        }
    })(res, res);
})

strategy.authenticate的回调变量日志：err = null user = false info = { message: 'Missing credentials' }

最后是邮递员的结果：{"sucess":false,"message":"Unknown user or wrong Password"}

我已经设置了 usernameField 和 passwordField，因为我使用的是 express 6.x.x，所以我不需要初始化 bodyParser，因为它是通过 express 自动完成的。

你们知道我错过了什么吗？

Answer 1

默认axios以JSON格式发送数据，所以你应该使用official documentation中描述的官方方式之一
例如：

const params = new URLSearchParams();
params.append('username', username);
params.append('password', password);

axios({method: "POST", url: "http://localhost:8080/login", params, withCredentials: true
})