zoukankan      html  css  js  c++  java
  • 登录页跳转时保存用户信息-遇坑记

    项目中遇到的问题,重新建前端界面,遇到了这个问题。

    项目中使用Angular JS + admin LTE + bootstrap3

    保存用户信息,我有两种思路,一个是使用Angular JS-service,共享数据。一个是浏览器缓存,使用$cookies 、$cookieStore。

    因为使用服务的时候,依赖注入每次都生成新实例,导致无法共享。耐心不足,也没解决这个问题,所以选用cookie。

    只是万万没想到,$cookies 、$cookieStore使用也有好多坑。在此记录一下。(所有情况在本地localhost环境下)

    一、存储数据过多

     

    把无用的数据去掉。

    其实本意是将后台传递过来的菜单信息也保存到本地,但是这样cookie超出存储限制了,就把菜单砍掉。

    菜单的显隐性由角色控制。这样前端页面代码可能增加了一点点,应该对性能造不成什么影响,大概。( ̄. ̄)

    二、$cookies 、$cookieStore区别跟使用

    基本操作在此就不哔哔了。遇到的问题主要是路径问题、数据存取问题。

    • 路径问题,这里有篇博客讲了基本知识,我也没实验过,主要还是用了前端框架,就变的臃肿,真正抽丝剥茧分析问题,我做不到,可能真的不是合适的代码者。

         附上地址:https://www.cnblogs.com/changyaoself/p/7692371.html

    • 数据存取问题,关于json序列化/反序列化,angular.toJson()/angular.fromJson()两个方法。看实际情况怎么取数据了。

    angularJS官网现在推荐用$cookies, 原因:https://www.cnblogs.com/rion1234567/p/5624118.html

    其实不光过期问题,$cookieStore只能存取删,别的啥也没有,而且在路径问题上边也无法通过config配置,所以能选还是选择$cookies,当然根据实际情况,没有那么多要求,用一用也没啥,主要能无bug解决问题。

    提一嘴:我在Hbuilder里边新建了两个页面,跳转用的,$cookieStore就可以用,在项目中就不行,登录页和index页html、js全是是同级页面,真是奇了怪了。┐(・o・)┌

    三、Chrome屏蔽cookie

    这个让人很懵逼,console一直显示undefined,我甚至怀疑没成功存入cookie,Chrome地址栏头部注意符号右键,查看cookie,才知道被屏蔽,解决这个简单,自己动手让localhost允许即可,没啥可说的。要说的是FireFox就没这个毛病,emmmmm.....

    查了一下,说Chrome自动更新版本或者有插件都有坑内屏蔽cookie,在此只提供一种思路,如果你的控制台一直报undefined,不如去看看cookie是否被屏蔽了吧!(<ゝω・)☆

    应该说完了,关于service服务共享数据这个,我先留着坑吧,未来代码迭代的时候我再撸(委婉表示我真的不想弄这个事)。

    以此为贴,记录自己的不足

  • 相关阅读:
    数组、链表、Hash的优缺点
    数据库-索引的坏处,事务的级别,分布式事务的原理。
    4G内存的电脑,如何读取8G的日志文件进行分析,汇总数据成报表的面试题
    数据库常用的锁有哪些
    2020年最新 C# .net 面试题,月薪20K+中高级/架构师必看(十)
    ThreadX应用开发笔记之一:移植ThreadX到STM32平台
    net core 方法 返回值 重改?
    使用RestTemplate发送HTTP请求举例
    dedecms织梦手机站上一篇下一篇链接错误的解决方法
    多目标跟踪之数据关联(匈牙利匹配算法和KM算法)
  • 原文地址:https://www.cnblogs.com/xyJen/p/9242134.html
Copyright © 2011-2022 走看看