我没碰过实际的前端代码
网页中服务器端的资料 主流都是怎么储存在前端的阿？
比如说我会Call后端的api取得使用者的资讯像是暱称、帐号、个人资料那些
有不少手段：
1.Cookie
2.SessionStorage
3.LocalStorage
4.每次要资料都call一次Api
5.token
我现在是先用SessionStorage
不知道实际上都是怎么搞的

react context

你要跨页面存取喔

我现在在玩VUE 想要弄一个SPA

其实看状况喇 登入用资讯我会存cookie 设置类资料的如果要让记忆使用者习惯就localstorage 否则就直接放内存里面 单页应用爽啦

还有cookie里面的资料 是要转成JSON加密吗

cookie不会放去什么需要加密的东西吧

因为我看随便一个网站的cookie都长这样 KggUnF_Bdb9Up7CU-根本看不出里面存了三小

那大部分都是token阿

可以加密 不过放前端的东西都当作会有怪人想解解看

给服务器用的session id之类的

token不是都要加密ㄇ?

不要放不加密不行的东西ㄅ

那是token吧 程式乱数生成的

不要想放密码什么的 不管是加密还是杂凑都最好不要

像是jwt 你可以存token 但是不要放密钥

我没放密码 现在只是在做前端使用者是否登入的判断而已

你乱数token就被偷走 虽然是很严重 但时间过了还是会蒸发掉 密码被偷走就完了

像登入之类的 通常就是服务器生成一个token 然后丢给前端 然后你在服务器用这个token纪录一些登入资讯

一般实作就是生乱数token给他 然后后端redis之类的快取层有一个对应这个token的用户id 时间到会蒸发

下次服务器再接到cookie有这个token的请求就知道你你是问SessionStorage还是Session服务器的session的实作实际上就是这个流程阿你写vue的话理想应该是要做成单页应用那就是叫一次api 然后单纯存在变量这样最理想吧或著说存在vue的data

喔喔 所以SPA一般都是每次都呼叫喔

除非你都做了SPA却还常常重新请求页面才想另外存吧这种东西就是看你的频率阿SessionStorage我自己通常是不想经过服务器的时候用

每次跟server请求的时候都要一次就不用思考更新资料的问题放资料在浏览器的话就想一下当使用者清快取会不会怎样