登录后的HomePage。(不同的域)

Question

当用户在用户登录后单击后退按钮时，用户应该留在主页中，而不是返回并看到loginPage。

loginPage(与HomePage具有不同的域)，我可以从UI(react)控制行为吗？或者这个问题必须在服务器端解决？？

Answer 1

是的，你可以从前端控制它，尽管这只是为了UI/UX目的，因为攻击者可以很容易地禁用使它工作的javascript。

既然你说你正在使用React，下面是我将如何做的：

// Login.js

import React, {useEffect} from "react";

const Login = () => {
  const checkAuth = () => true; // check auth with your own logic

  useEffect(() => {
    if(checkAuth()) {
      console.log(true);
    }

    else {
      window.location = "https://myapp.com/home"
    }
  }, [])

  return (
    <div>Only shown if logged in</div>
  )
}

export default Login;