Shulou(Shulou.com)05/31 Report--

This article mainly explains the "vue page how to achieve single sign-on", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "vue page how to achieve single sign-on" bar!

The specific methods are as follows:

1. Single sign-on through Cookie as credential medium

Cookie can be used as a medium in vue to store user credentials. When the user logs in to the application, an encrypted cookie is returned. When the user visits the sub-application, it is verified through cookie.

two。 Single sign-on through page redirection

The communication can be carried out in the redirection through the parent application and the child application, so as to realize the secure transmission of information. when the user accesses the interface through the child application redirection connection, if the user does not log in, he or she returns a login page and needs to enter the account password to log in. If the user logs in, an encrypted Token is generated and redirected to the Token authentication interface provided by the sub-application. After decryption and verification, the sub-application logs in to the current user.

3. Single sign-on through JSONP

When a user logs in to a child application, the application is authorized to access the JSONP interface provided by the parent application, and the Cookie under the domain name of the parent application is included in the request. After receiving the request, the parent application verifies the login status of the user and returns encrypted information. The child application authenticates the user by parsing the encrypted information returned. If the request is passed, the login user is logged in.

Why to use VueVue is a friendly, multi-purpose and high-performance JavaScript framework, using vue can create a more maintainable and testable code base, Vue allows you to split a web page into reusable components, each component contains its own HTML, CSS, JavaScript, to render the corresponding place in the web page, so more and more front-end developers use vue.

Thank you for reading, the above is the content of "how to achieve single sign-on on vue page". After the study of this article, I believe you have a deeper understanding of how to achieve single sign-on on vue page, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.