Login
Vue + Vue-router + Vuex 实现前端页面及逻辑，Express 实现注册登录登出的RestFul API 。
Overview:
This project is built using vue-cli and includes technologies such as Vue2, Vue-router2, Element-ui, Express, Webpack2, and Gulp for developing the project environment. The front-end is developed using Vue, Element-ui for building pages, and Vuex for data handling. The back-end utilizes Express for creating RESTful APIs for registration, login, logout, and login status checks.
Features:
- Vue2, Vue-router2, Element-ui for front-end development
- Express for back-end API handling
- Integration with Vuex for managing data
- Package.json dependencies configuration
- Setting up port proxy in config/index.js for cross-origin access
- Differentiating session and token logins
- Server-side and client-side separation for session and token logins
- Implementation of basic login features using cookies and sessions
Summary:
This project is a full-stack application built with Vue.js, Express, and related technologies. It implements both session-based and token-based login systems, with the front-end developed using Vue2 and Element-ui components. The back-end utilizes Express to provide RESTful APIs for user authentication processes. By following the installation guide and understanding the key features of this application, developers can create similar full-stack applications with authentication functionalities.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Gulp
Gulp.js is an old but popular site building tool that automates various repetitive development tasks in web development, such as compiling Sass, minifying JavaScript, and optimizing images.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.