我正在尝试使用 jwt 编写我的 React 应用的身份验证部分。我的 App.js 文件中不断出现此错误：“未捕获（在承诺中）TypeError：无法读取 null 的属性（读取“错误”）”，这让我发现当访问某个路由时，应该返回一些有关用户的数据，但响应主体实际上是空的。这些是我的一些代码片段，我认为问题可能出在这里。任何帮助都将不胜感激，提前致谢！此外，如果我应该提供其他代码片段，请告诉我

这是来自我的 App.js 文件

const [authState, setAuthState] = useState({
    username: "", 
    id: 0, 
    status: false,
  });

  useEffect(() => {
    axios
      .get("http://localhost:3001/users/auth", {
        headers: {
          accessToken: localStorage.getItem("accessToken"),
        },
      })
      .then((response) => {
        if (response.data.error) { //this is where the error appears
          setAuthState({ ...authState, status: false });
        } else {
          setAuthState({
            username: response.data.username, //if I comment the line where the error appears, I get the same error here and on the line below, but with 'username' and 'id' instead of 'error'
            id: response.data.id,
            status: true,
          });
        }
      });
  }, []);

这是 res.json 没有返回任何内容的地方

router.get('/auth', validateToken, (req, res) => {
    res.json(req.user);
});

这是validateToken 中间件

const { verify } = require('jsonwebtoken');

const validateToken = (req, res, next) => {
    const accessToken = req.header("accessToken");

    if (!accessToken) return res.json({ error: "User not logged in!" })

    try {
        const validToken = verify(accessToken, "importantsecret");
        req.user = validToken; //we can access the username and id
        if (validToken) {
            return next();
        }
    } catch (err) {
        return res.json({ error: err });
    }
};

module.exports = { validateToken };