-1

我在 ionic react 中实现 jwt 身份验证，所以在成功实现它之后，当我想在我的 App.tsx 中添加一个检查时，我收到了一个 typescript 错误

对象的类型为“未知”

这是我的代码

const App: React.FC<Idecode> = () => {
  const dispatch = useDispatch();

  if (localStorage.jwtToken) {
    // Set auth token header auth
    const token = localStorage.jwtToken;
    setAuthToken(token);
    // Decode token and get user info and exp
    const decoded = jwt_decode(token);
    console.log(decoded);
    // Set user and isAuthenticated
    dispatch(setCurrentUser(decoded));
    // Check for expired token
    const currentTime = Date.now() / 1000; // to get in milliseconds

    console.log(decoded.exp, currentTime); //Here when i access exp i get an error

    if (decoded.exp < currentTime) {
      // Logout user
      dispatch(logoutUser());

      // Redirect to login
      window.location.href = "./login";
    }
  }

  return (
    <IonApp>
      <IonReactRouter>
        <IonRouterOutlet id="menu">
          <Route path="/signup" component={Signup} exact={true} />
          <Route path="/" component={Home} exact={true} />
          <Route path="/verify" component={Verify} exact={true} />
          <Route path="/login" component={Login} exact={true} />
          <Route
            path="/forgot-password"
            component={forgotPassword}
            exact={true}
          />
          <Route path="/set-password" component={setPassword} exact={true} />
        </IonRouterOutlet>
      </IonReactRouter>
    </IonApp>
  );
};

export default App;

因此，当我尝试获取“decoded.exp”（我在实现 jwt 后通过后端获取）包含如下数据时

{id: "5f5f30cdbfd0c11d426245e5", email: "ratnabh2615@gmail.com", iat: 1600085677, exp: 1600172077}

它以加密形式存储在我的本地存储中，然后我在这里解码

我收到“对象是‘未知’类型的错误”

4

1 回答 1

3

我认为您必须明确的泛型类型集 const decoded = jwt_decode(token);才能在访问对象之前知道它的类型。

有很多方法。如果

  • 您的功能jwt_decode是通用功能。常量解码 = jwt_decode<any| YourDefinedType>(token);
  • 或者只是尝试：const decoded : any = jwt_decode(token);

根据您的信息更新：

type JWTDeCode  = {
    id: string,
    email: string,
    iat: number,
    exp: number
}

const decoded : JWTDeCode = jwt_decode(token);
于 2020-09-14T12:53:40.920 回答