一、项目概述
- 电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于 Vue 技术栈和 SPA ;
- 前端项目技术栈:Vue Vue-router Element-UI Axios Echarts
- 后端项目技术栈:Node.js Express Jwt(一个状态保持工具) Mysql Sequelize(操作数据库的框架)
二、登录业务相关技术点:
- http 是无状态的
- 通过 cookie 在客户端记录状态,通过 session 在服务器端记录状态(不存在跨域问题时使用);
- 通过 Token 方式维持状态(存在跨域问题时使用);
三、退出功能:
- 退出功能实现原理: 基于 token 的方式实现退出比较简单,只需要销毁本地的 token 即可。这样,后续的请求就不会携带token,必须重新登录生成一个新的token之后才可以访问页面;
四、处理项目中 ESLint 语法报错问题:
- 增加配置文件 .prettierrc
- 修改 . 文件的配置项
五、主页布局:
六、时间处理:
- 定义全局过滤器
- 过滤器使用:
七、项目打包
注意: 默认情况下,HTTP 协议运行在 80 端口,HTTPS 运行在,443 端口。