重新启动浏览器后,角度 ngCookies 不保存 cookie
Posted
技术标签:
【中文标题】重新启动浏览器后,角度 ngCookies 不保存 cookie【英文标题】:angular ngCookies doesn't save cookies after restarting the browser 【发布时间】:2017-02-02 05:07:39 【问题描述】: var app = angular.module('MyApp', ['ngCookies']);
app.controller('MyController', function ($scope, $window, $cookies)
$scope.WriteCookie = function ()
$cookies.put("Name", $scope.Name);
;
$scope.ReadCookie = function ()
$window.alert($cookies.get('Name'));
;
$scope.RemoveCookie = function ()
$cookies.remove('Name');
;
);
<html>
<head>
<title></title>
</head>
<body>
<div ng-app="MyApp" ng-controller="MyController">
Name:
<input type="text" ng-model="Name" />
<br />
<br />
<input type="button" value="Write Cookie" ng-click="WriteCookie()" />
<input type="button" value="Read Cookie" ng-click="ReadCookie()" />
<input type="button" value="Remove Cookie" ng-click="RemoveCookie()" />
</div>
</body>
</html>
我为 Angular 的 cookie 编写了这个简单的 demp 应用程序。
每当我输入这个(通过nodeJS)并转到这个url:http://127.0.0.1:8080
cookies 存在于浏览器的cookies 中。当我单击刷新或关闭选项卡并使用此 url 打开一个新选项卡(不关闭浏览器)时,cookie 会保留。
但是,当我关闭浏览器(chrome/IE/firefox)并再次打开此网址时,cookie 不存在!
为什么?即使我关闭计算机并重新启动它也会记住我通过 coockis 的登录信息,我怎样才能使它像 facebook?
谢谢
index.html
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-cookies.min.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', ['ngCookies']);
app.controller('MyController', function ($scope, $window, $cookies)
$scope.WriteCookie = function ()
$cookies.put("Name", $scope.Name);
;
$scope.ReadCookie = function ()
$window.alert($cookies.get('Name'));
;
$scope.RemoveCookie = function ()
$cookies.remove('Name');
;
);
</script>
<div ng-app="MyApp" ng-controller="MyController">
Name:
<input type="text" ng-model="Name" />
<br />
<br />
<input type="button" value="Write Cookie" ng-click="WriteCookie()" />
<input type="button" value="Read Cookie" ng-click="ReadCookie()" />
<input type="button" value="Remove Cookie" ng-click="RemoveCookie()" />
</div>
</body>
</html>
【问题讨论】:
【参考方案1】:这是因为如果您不为 cookie 设置过期时间,它将被创建为会话 cookie。关闭浏览器后将立即删除。
为了避免这种情况,只需为 cookie 设置一个过期时间,例如在这里呆一天:
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 1);
$cookies.put('Name', $scope.Name,
expires: expireDate
);
【讨论】:
谢谢我按照你说的做,但我仍在创建会话 cookie。你确定我没有遗漏除过期属性之外的任何其他内容吗? 你确定你的旧 cookie 之前被删除了吗? 是的。我做了 $cookies.remove('Name');并检查了editThisCookies chrome的扩展以查看cookie已被删除。 新创建的过期日期正确吗?检查扩展名。也可以像上面的编辑版本一样尝试一年。 问题是我的代码中没有错误地定义现在的属性..使用下面的这一行,它现在正在工作,谢谢! var expireDate = new Date(); expireDate.setDate(expireDate.getDate() + 1);以上是关于重新启动浏览器后,角度 ngCookies 不保存 cookie的主要内容,如果未能解决你的问题,请参考以下文章
节点js停止处理来自角度的多个api请求并在重新启动节点应用程序后工作