jwt - 在Vue.js中存储令牌的位置？

我在某个安全博客上读到，将令牌存储在本地存储中是不安全的，所以我想要将令牌存储在vuex存储中，并且在所有后续请求中都包含该令牌。但是我无法在成功登录时访问令牌，我想要做的是将令牌首次存储在vuex存储中，我考虑将令牌发送到响应体中，但这将是一种容易受攻击的方法，所以我将其发送到header["authorization"]中。下面分别是我的user.js和login.vue文件。

router.post('/login', function (req, res, next) {
    const { UserName, Password } = req.body;
    if (UserName.length == 0 || Password.length == 0) {
        res.status(400).json({ message: '电子邮件或密码为空' });
    } else {
        login_pool.query(
            'SELECT * FROM authentication WHERE user_name = ($1) and password = crypt(($2), password)',
            [UserName, Password],
            (err, results) => {
                if (err) {
                    throw err;
                } else if (results.rows.length == 1) {
                    // 登录成功
                    const token = jwt.sign(
                        {
                            user_name: results.rows[0].user_name,
                            full_name: results.rows[0].full_name,
                            phone_number: results.rows[0].phone_number,
                        },
                        btoa(process.env.TOKEN_SECRET), // 将token_secret转换为base 64
                        { expiresIn: '1800s' },
                        { algorithm: 'HS256' },
                        (err) => {
                            if (err) {
                                res.status(400).json({ message: '无法创建令牌' });
                                console.log(err);
                            }
                        }
                    );
                    res.header('Authorization', `Bearer ${token}`);
                    res.status(201).json({ message: results.rows[0].full_name + '已登录' });
                    console.log(results.rows[0].full_name + '刚刚登录');
                } else {
                    login_pool.query(
                        'SELECT * FROM authentication WHERE user_name = ($1)',
                        [UserName],
                        (errUser, resultUser) => {
                            if (resultUser.rows.length != 1) {
                                res.status(400).json({ message: '不存在此电子邮件的用户' });
                            } else {
                                res.status(400).json({ message: '密码不正确' });
                            }
                        }
                    );
                }
            }
        );
    }
});

LoginSubmit() {
    this.axios
        .post(
            "http://127.0.0.1:3000/users/login",
            {
                UserName: this.UserName,
                Password: this.Password,
            },
            {
                headers: {
                    "Content-Type": "application/json;charset=UTF-8",
                    "Access-Control-Allow-Origin": "*",
                    Accept: "application/vnd.api+json",
                },
            }
        )
        .then(
            (res) => {
                // 登录成功
                console.log(res.headers); // 这里没有认证头
                this.Error = "";
                console.log(this.axios.defaults.headers.common); // 这里没有认证头
            },
            (err) => {
                console.log(err.response.data.message);
                this.Error = err.response.data.message.replace(/"/g, "");
            }
        );
},