twe*_*ypi 1 javascript cookies typescript reactjs react-cookie
我一直在使用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: '/' });
}
}
Run Code Online (Sandbox Code Playgroud)
如果我调用'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>
Run Code Online (Sandbox Code Playgroud)
默认的cookie生存期是"会话".你应该设置一个maxAge:
this.cookies.set(Auth.STORAGE_KEY, token,
{ path: '/', maxAge: 31536000 });
Run Code Online (Sandbox Code Playgroud)
这是在几秒钟内.