登录页跳转时保存用户信息-遇坑记

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

项目中使用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服务共享数据这个，我先留着坑吧，未来代码迭代的时候我再撸（委婉表示我真的不想弄这个事）。

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

转载于:https://www.cnblogs.com/xyJen/p/9242134.html

登录页跳转时保存用户信息-遇坑记相关推荐

登录页面设置cookie，用户登录后，创建cookie保存用户信息
代码要求: 用户登录后,创建cookie保存用户信息设置cookie的有效期为5分钟在登录页循环遍历cookie数组,判断是否存在指定名称的cookie,若存在则直接跳转至欢迎页面代码实现过程: ...
小程序如何保存用户信息（保持登录状态）？
小程序如何保存用户信息?如何保存用户登录状态? 提供一种实现思路,仅供参考. 第一步:启动小程序后,会静默授权,通过wx.login获取登录凭证code,再从后台换取openId,同时将session ...
vue若依登录页跳转其他页
前言今天遇到一个情况,若依框架的登录页跳转问题,登录页下面有个注册,但是要在注册左边再加一个跳转,路由配好后点击跳转没反应,或者说是还是跳到了登录页之前不是跳的404,是我新加的一个公共路由页面, ...
【探花交友】保存用户信息、上传用户头像、用户信息管理
文章目录 1.3.保存用户信息 1.4.上传用户头像 2.用户信息管理 2.1.查询用户资料 2.2.更新用户资料 1.3.保存用户信息 1.3.1.接口文档 YAPI接口地址:http://192. ...
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码
微信小程序同一个登录按钮上触发获取微信用户信息和电话号码因为微信小程序获取用户信息getuserinfo方法和获取电话号码open-type="getPhoneNumber" @ ...
php通过session保存用户信息,如何在php中利用session与cookie保存用户的登录信息
如何在php中利用session与cookie保存用户的登录信息发布时间:2020-12-18 15:49:56 来源:亿速云阅读:95 作者:Leah 如何在php中利用session与cook ...
vue项目中keep-alive的使用，从详情页返回列表时保存浏览位置
背景描述: 最近在做移动端前端项目中,需要实现以下场景: 1.在页面查询列表,进入详情页时,返回需要页面返回到上次浏览的位置 2.由于查询列表获取的数据可能会短时间改变,如果前端长时间缓存数据,并不符 ...
腾讯游戏人脸识别验证是否会保存用户信息
回答依据链接https://jiazhang.qq.com/open/pc/face.html 由于最近腾讯系列的游戏都要求用户提供真实的姓名.身份证号和实时的人脸识别,导致很多人担心腾讯此举是否会泄 ...
Python+微信小程序开发（四）页面跳转和获取用户信息
上一篇已经介绍了如何搭建一个自己的静态页面,接下来则涉及到一些用户信息获取与跳转的操作. 一.页面跳转首先新建一个跳转页面,按上篇的操作生成pages/redirect/redirect. 1.对标 ...

登录页跳转时保存用户信息-遇坑记

登录页跳转时保存用户信息-遇坑记相关推荐

最新文章

热门文章