我正在嘗試寫入 localStorage，然后從 localStorage 身份驗證令牌中讀取以訪問 API。export const authLogin = (username, password) => {  return (dispatch) => {    dispatch(authStart());    axios      .post(" http://localhost:8000/rest-auth/login/", {        username: username,        password: password,      })      .then((res) => {        const token = res.data.key;        const expirationDate = new Date(new Date().getTime() + 3600 * 1000);        try {          localStorage.setItem("token", token);          localStorage.setItem("expirationDate", expirationDate);          dispatch(authSuccess(token));          dispatch(checkAuthTimeout(3600));        } catch (error) {          console.log("error storing data");        }      })      .catch((err) => {        dispatch(authFail(err));      });  };};然后從我想從 localStorage 中讀取的 ReactJS 方法：import axios from "axios";import { endpoint } from "./constants";var token = localStorage.getItem("token");export const authAxios = axios.create({  baseURL: endpoint,  headers: {    Authorization: `Token ${token ? localStorage.getItem("token") : null}`,  },});class OrderSummary extends React.Component {  _isMounted = false;  state = {    data: null,    error: null,    loading: false,  };  componentDidMount() {    this._isMounted = true;    this.handelFetchOrder();  }  componentWillUnmount() {    this._isMounted = false;  }  handelFetchOrder = () => {    this.setState({ loading: true });    authAxios      .get(orderSummaryURL)      .then((res) => {        this.setState({ data: res.data, loading: false });        console.log(res.data);      })      .catch((err) => {        if (err.response.status === 404) {          this.setState({            error: "You currently do not have any order",            loading: false,          });        } else {          this.setState({ error: err, loading: false });        }      });  };我的問題是當我從 localStorage讀取時。如果令牌變為空。這會導致 401 api 代碼，因為我們無法讀取令牌以將其傳遞給 api 以獲取結果。但是，如果我刷新網絡瀏覽器 (F5)，則一切正常。