How does vue store user information, such as user name, ID, etc.?

for a website, the user information (username, id, etc.) obtained from the background successfully logged in by the user wants to be displayed in the components of header, so how will vue save the user information?

1. This is not a complex system. I don"t think it is necessary to use vuex, to save user information, and after vuex refresh, the information is gone.
2. If you use localStorage or sessionStorage, users cannot use private browsing.
3, and the header component is registered after the login component, so you can"t use eventbus either.

I don"t know if you have any way to store user information, ask to share ~

Vue.js
Mar.23,2021

localStorage encryption, try this

self-answer: at present, you still use sessionStorage to store user token, global variables to store other user information. After refreshing data is lost, use token request.
2018-0-19, update answer : after the currently used policy user has successfully logged in, the token, returned by the backend is stored in storage. Then, the frontend uses this token to request user information from the backend and store this information (roles, permissions) in the vuex, so as to prevent the loss of information caused by user refresh. After the user refreshes the page, use this token to request user information from the backend again.

it can be determined that the session value is set by the backend after login. If the frontend gets

cookie?

cookie, I don't like it very much. Cookie carries it every time of the request, resulting in the request header is too large.
the latest API browser will have a database, HTML5 local database.
generally, after logging in, the information obtained from the server can be saved using vuex. If the vuex is too large, you can instantiate a data class and save the data through prototype, but there will be no refresh data.

the 1 and 3 you provide are definitely not good.
can only consider 2.

Privacy browsing method, which is due to the browser itself, cannot be solved because it does not want to save user information.

Previous: How does pyspider kill duplicate queues in scheduler

Next: Drawing Organization Chart with canvas

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e5aa43-59b51.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e5aa43-59b51.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?