以前都是开始一段废话的，现在直接进入主题，首先介绍一下一些概念：

单页应用：

优点：
  1. 具有桌面应用的即时性、网站的可移植性和可访问性。
  2. 用户体验好、快，内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。
  3. 基于上面一点，SPA相对对服务器压力小。
  4. 良好的前后端分离。SPA和RESTful架构一起使用，后端不再负责模板渲染、输出页面工作，web前端和各种移动终端地位对等，后端API通用化。
  5. 对前端人员javascript技能要求更高，促使团队技能提升。
缺点：
  1. 不利于SEO。
  2. 初次加载耗时相对增多。
  3. 导航不可用，如果一定要导航需要自行实现前进、后退。
  4. 对开发人员技能水平、开发成本高。

多角色：项目设计中多角色参与，比如我现在做的系统，除了有个人用户，还有开店的商户进行登录2种角色

session：这个不多说，后台系统判断用户活跃存在的一种身份凭证。PS：现在很多大型公司都自己做session管理

 

问题再现：

  1.  在一个浏览器中，首先使用个人用户登录（现在该浏览器针对该站点发送的请求为个人用户的session）
  2.  然后在浏览器中新开一个标签页，同样访问该网址，然后安全退出，清除cookie保存的一些信息和服务器的session数据。然后使用商户账号进行登录（现在整个浏览器针对于该域名，发送的请求都使用该商户的session）
  3. 现在切换到第一个标签页，是个人的首页，然后点一个功能按钮，监控xhr的请求，你会发现个人用户请求的session凭据并不是个人的，而是占用了商户的session去发送请求

  4. 这样得到的结果肯定是错的。所以必须解决该问题

 

测试淘宝：

    网友评论