如何将 JWT 令牌发送到 node.js 服务器

Question

我编写了一个带有登录系统的小型 node.js 服务器，并试图保护我的路由。我创建了应该检查每个受保护路由上的身份验证的中间件，但似乎我没有正确发送 JWT 令牌，因为每次登录时都会收到 Authentication failed 消息。如果密码和用户名正确，如何正确发送 JWT 令牌并登录？这是我的 Node.js 服务器：

const express = require('express');
const app = express();
const bodyParser = require('body-parser');
const cors = require('cors');
const mongoose = require('mongoose');
require('dotenv').config();
const PORT = process.env.PORT || 1337;
const jwt = require('jsonwebtoken');
const checkAuth = require('./middleware/check-auth.js')
let Post = require('./models/post.model.js');

app.use(cors());
app.use("/assets", express.static(__dirname + "/assets"));
app.use(bodyParser.urlencoded({ extended: true }));

app.set('view-engine', 'ejs');

app.get('/', (req, res) => {
    res.render('index.ejs');
});

app.post('/', (req, res) => {
    let username = req.body.username;
    let password = req.body.password;


    if (username !== process.env.USER_NAME && password !== process.env.USER_PASSWORD) {
        res.json('Invalid credentials');

    } else {
        const token = jwt.sign({
            username: username,
        }, process.env.SECRET_KEY, {
            expiresIn: '1h'
        });

        res.redirect(`/dashboard?token=${token}`);
    }
});

app.get('/dashboard', checkAuth, (req, res) => {
    res.render('dashboard.ejs');
});

app.get('/dashboard/createPost', checkAuth, (req, res) => {
    res.render('post.ejs');
});

app.post('/dashboard/createPost', async (req, res) => {
    let collection = connection.collection(process.env.POSTS_WITH_TAGS);
    res.setHeader('Content-Type', 'application/json');
    let post = new Post(req.body);
    collection.insertOne(post)
        .then(post => {
            res.redirect('/dashboard')
        })
        .catch(err => {
            res.status(400).send(err);
        });
});

app.listen(PORT);

这是我的 check-auth 中间件：

const jwt = require('jsonwebtoken');

module.exports = (req, res, next) => {
    try {
        const token = req.headers.authorization.split(' ')[1];
        console.log(token);
        const decoded = jwt.verify(token, process.env.SECRET_KEY, null);
        req.body.decoded = decoded;
        console.log(req.body.decoded);
    } catch (error) {
        return res.status(401).json({
            message: 'Authentication failed'
        });
    }
    next();
};

Answer 1

使用 Javascript fetch API 发送 JWT 令牌作为 header 授权

fetch('backend_domain/dashboard', {
     method: 'get',
     headers: {
       Authorization: JWT_Token
     }
}).then(data => {..your operation here..})

参考：fetch_mdn 以便更好地理解fetch API

Answer 2

我认为这里的问题是当您尝试在邮递员中将它作为 json 字符串传递时，您在 req.body 中得到一个空对象。我会推荐一个

1. 在邮递员的 x-www-form-urlencoded 标记中传递您的凭据或
2. 使用 express.Router() 并为路由创建不同的文件

在你的 index.js 文件中写：

app.use('/', require('./routes.js'))

并创建一个名为 routes.js 的文件并将您的路线如下所示：

const express = require('express');
const router = express.Router();
router.post('/', (req, res) => {
 let username = req.body.username;
 let password = req.body.password;

console.log(req.body);
 if (username !== process.env.USER_NAME && password !== process.env.USER_PASSWORD) {
     res.json('Invalid credentials');

 } else {
     const token = jwt.sign({
         username: username
     }, process.env.SECRET_KEY, {
         expiresIn: 3600
     });

     return res.send({token});
 }
});

module.exports = router;