我一直在使用window.localstorage来保存一些数据而没有问题,数据在会话之间保持不变。
我决定转而使用cookies,使用'react-cookie',代码如下:
import Cookies from 'react-cookie';
export default class Auth {
static STORAGE_KEY: string = "token";
static cookies = new Cookies();
public static getToken() {
var toRet = this.cookies.get(Auth.STORAGE_KEY);
return toRet;
}
public static setToken(token: string) {
this.cookies.set(Auth.STORAGE_KEY, token, { path: '/' });
}
public static removeToken(): void {
this.cookies.remove(Auth.STORAGE_KEY, { path: '/' });
}
}
如果我调用'setToken',则值集仍然存在,但是如果我关闭了浏览器并再次打开它,那么数据就会丢失。
我的根呈现功能根据网页https://www.npmjs.com/package/react-cookie:
拥有Cookie提供商import { CookiesProvider } from 'react-cookie';
export class Layout extends React.Component<{}, {}> {
public render() {
return <CookiesProvider> ( some stuff ) </CookiesProvider>
答案 0 :(得分:5)
默认Cookie生存期为“会话”。您应该设置maxAge
:
this.cookies.set(Auth.STORAGE_KEY, token,
{ path: '/', maxAge: 31536000 });
只需几秒钟。