首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在angular2应用程序中使用observable时,req.isAuthenticated总是返回false

在Angular 2应用程序中使用Observable时,req.isAuthenticated始终返回false的原因可能是由于以下几个方面:

  1. 服务器端未正确配置:req.isAuthenticated是一个用于检查用户是否已经通过身份验证的服务器端方法。如果服务器端未正确配置身份验证机制,那么无论用户是否已经通过身份验证,req.isAuthenticated都会返回false。在服务器端,你需要确保正确配置和启用身份验证机制,例如使用Passport.js等身份验证中间件。
  2. Observable未正确处理:在Angular 2中,Observable是用于处理异步数据流的对象。如果Observable未正确处理,那么req.isAuthenticated的返回值可能无法正确传递给前端。你需要确保在Observable的订阅中正确处理req.isAuthenticated的返回值,并将其传递给前端。
  3. 跨域请求问题:如果你的应用程序中涉及到跨域请求,那么可能会导致req.isAuthenticated始终返回false。跨域请求可能会导致服务器端无法正确获取用户的身份验证状态。你可以尝试使用CORS(跨域资源共享)来解决跨域请求的问题。

总结起来,要解决在Angular 2应用程序中使用Observable时,req.isAuthenticated始终返回false的问题,你需要确保服务器端正确配置身份验证机制,并在Observable的订阅中正确处理req.isAuthenticated的返回值。同时,注意处理跨域请求可能带来的问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular的12个经典问题,看看你能答对几个?(文末附带Angular测试)

Angular2,组件中发生的任何改变总是从当前组件传播到其所有子组件。如果一个子组件的更改需要反映到其父组件的层次结构,我们可以通过使用事件发射器api来发出事件。...这通常用在setter,当类的值被更改完成。 可以通过模块的任何一个组件,使用订阅方法来实现事件发射的订阅。...这需要等待下载所有必需的组件,然后等待编译器花费时间来编译应用程序使用AOT编译,就能实现优化。 构建检测错误:由于预先编译,可以检测到许多编译错误,能够为应用程序提供更好的稳定性。...从堆栈溢出就是一个区别:  当异步操作完成或失败,Promise会处理一个单个事件。 Observable类似于(许多语言中的)Stream,当每个事件调用回调函数,允许传递零个或多个事件。...通常Observable比Promise更受欢迎,因为它不但提供了Promise特性,还提供了其它特性。使用Observable可以处理0,1或多个事件。你可以每种情况下使用相同的API。

17.3K80
  • 实战 | Change Detection And Batch Update

    WEB开发,当与用户或服务器发生交互,需要我们手动获取数据并更新DOM,这个过程是繁琐的、易错的。...当我们连续更新数据,这些框架/库如何避免连续更新DOM,而是进行批量更新? 带着这两个问题,我将简要分析一下React、Angular1、Angular2及Vue的实现机制。...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新,我们需要手动调用$apply。...Angular1是通过封装自动调用$apply,但是存在手动调用的场景,为了解决这个问题,Angular2没有采用1的实现机制,转而使用了Zone.js。...async: false不推荐用在生产环境 — vuejs.org 总结 自此我们分析了React、Angular1/2和Vue的变化检测以及批量更新的策略。

    3.2K20

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 传统的WEB开发,当与用户或服务器发生交互,需要我们手动获取数据并更新DOM,这个过程是繁琐的、易错的。...当我们连续更新数据,这些框架/库如何避免连续更新DOM,而是进行批量更新? 带着这两个问题,我将简要分析一下React、Angular1、Angular2及Vue的实现机制。...setTimeout确实是handleClick当中调用的,但是两个setState可不是handleClick当中调用的,它们是传递给setTimeout的参数——匿名函数执行的,走的是事件轮询...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新,我们需要手动调用$apply。 Angular2 ?...Angular1是通过封装自动调用$apply,但是存在手动调用的场景,为了解决这个问题,Angular2没有采用1的实现机制,转而使用了Zone.js。

    3.3K40

    Change Detection And Batch Update

    本文作者:IMWeb 吴浩麟 原文出处:IMWeb社区 未经同意,禁止转载 前言 传统的WEB开发,当与用户或服务器发生交互,需要我们手动获取数据并更新DOM,这个过程是繁琐的、易错的。...当我们连续更新数据,这些框架/库如何避免连续更新DOM,而是进行批量更新? 带着这两个问题,我将简要分析一下React、Angular1、Angular2及Vue的实现机制。...setTimeout确实是handleClick当中调用的,但是两个setState可不是handleClick当中调用的,它们是传递给setTimeout的参数——匿名函数执行的,走的是事件轮询...如果我们不使用Angular1提供的事件系统、定时器和$http,如在jQuery事件中进行数据更新,我们需要手动调用$apply。 Angular2 ?...Angular1是通过封装自动调用$apply,但是存在手动调用的场景,为了解决这个问题,Angular2没有采用1的实现机制,转而使用了Zone.js。

    3.7K70

    Angular2学习记录-给后端程序员的经验分享

    1.前言 前几天刚下定决心把毕业设计改造下,因为毕业设计算是我学习的基石,学习到的东西都尽可能的在这个平台上施展,锻炼自己.改造为前后端分离,前端使用angular2,后端只提供接口.便于以后的维护.那么就要学习...//下面这种写法TS下不会有效果....['id'],另外可以使用订阅模式queryParamMap.subscribe(),路由参数更新自动通知 3.5组件通信 父->子:子组件使用input装饰器,接受父组件的属性,并且可使用ngOnChanges...任意组件:使用service通讯(要求service单例),service提供Observable的next发布,其他组件引用service对象subscribe该发布,那么就实现了信息的流动,并且是只要订阅了该发布的组件中都能获取...(使用formData对象,调用其append方法添加文件,再使用angular2的http组件post上去)uploadAvatar(file: any): Promise{ let

    3.1K20

    进阶 | 重新认识Angular

    首先我们使用一个内建DSL来解析模板字符串并输出AST。 结合特定的数据模型(regularjs,是一个裸数据), 模板引擎层级游历AST并递归生成Dom节点(不会涉及到innerHTML)。...依赖注入 Angular的依赖注入可谓是灵魂了,之前有篇详细讲这个的文章《谈谈Angular2的依赖注入》。...Rx的数据是否流出不取决于是否subscribe,也就是说一个observable未被订阅的时候也可以流出数据,之后它被订阅过后,先前的数据是无法被数据消费者所查知,所以Rx还引入了一个lazy模式...Rx的observable被subscribe之后,并不是继续返回一个新的observable,而是返回一个subscriber,这样用来取消订阅,但是这也导致了链式断裂,所以它不能像Promise那样组成无限...使用AOT,编译器仅仅使用一组库构建期间运行一次; 使用JIT,编译器每个用户的每次运行期间都要用不同的库运行一次。

    2.6K10

    Angular2、Ionic、TypeScript、es6的关系?

    Angular 2,应用是松耦合组件所组成的树。 typescript TypeScript是ES6的超集。至于需不需要使用,在于你所需要的场景。...比如在Angular2,用TypeScript明显好于ES6。 -- 某网友 TypeScript的开发者c#之父,所以这个TypeScript的很多语言特性是从c#移过来的。...其实二者没有什么关系,angular开发的应用可以使用ionic来定义UI,也可以使用其他的来定义UI。 Ionic 是一个强大的 HTML5 应用程序开发框架。...错误更正 由于之前错误的把decorator解释为注解,那么下面就Angular2 的Annotation和Decorator之间做一个简单的对比性学习。...Decorator Decorator是由Yehuda Katz提出的 ECMAScript 7建议的标准,让你可以设计时对类和类的属性进行注解和修改,这听起来很像annotation做的事。

    5.2K30

    Angular2 VS Angular4 深度对比:特性、性能

    这个Angular版本更加注重于开发移动应用程序,开发人员可以使用它创建跨平台的应用程序解决了移动应用程序(功能,加载时间等)的挑战后,Angular2可以更容易的处理桌面组件。...但是,AtScript不是强制性的,开发人员仍然可以选择只使用纯JavaScript / ES5代码来构建Angular应用程序。...动态载入: 这是之前的Angular版本均不具备的功能,Angular2包含了这个功能,即使开发人员忙碌,也能够添加新的指令或控件。 模板: Angular2,模板编译过程是异步的。...设计: 所有这些逻辑都是使用管道架构创建的,这使得将自己的操作添加到管道或删除默认操作变得非常简单。此外,它的异步字符允许开发人员管道,实现对用户进行身份验证或加载控件信息的服务器请求。...scope: $scope 从Angular2删除了。

    8.7K20

    Hystrix原理与实战

    observe()使用方法: 调用observe()会返回一个Observable对象 调用这个Observable对象的subscribe()方法完成事件注册,从而获取结果 toObservable(...toObservable()使用方法: 调用observe()会返回一个Observable对象 调用这个Observable对象的subscribe()方法完成事件注册,从而获取结果 需注意的是,HystrixCommand...Hystrix总是Observable的形式作为响应返回,不同执行命令的方法只是进行了相应的转换。...线程池隔离优缺点 优点: 保护应用程序以免受来自依赖故障的影响,指定依赖线程池饱和不会影响应用程序的其余部分。 当引入新客户端lib,即使发生问题,也是本lib,并不会影响到其他内容。...当依赖从故障恢复正常应用程序会立即恢复正常的性能。

    54010

    项目需求讨论 - 动态权限申请分析及相关第三方库源码分析

    具体项目开发,关于Android的动态申请权限的功能,我想大家都见怪不怪了。很多人开发的app也都使用过这块需求。...targetSDKVersion = 6.0:安装默认获得权限,但是用户可以安装App完成后动态取消授权(取消手机会弹出提醒,告诉用户这个是为旧版手机打造的应用...targetSDKVersion >= 23 & API(手机系统) >= 6.0:安装不会获得权限,可以在运行时向用户申请权限。用户授权以后仍然可以设置界面取消授权。...ps:用户在过去拒绝了权限请求,对话框中选择了“不再询问”选项,该方法返回false。如果设置禁止应用程序具有该权限,该方法还将返回false。...然后就是遍历集合,看里面的Permission的granted属性是true还是false,只要有一个false,就返回Observable.just(false),否则就Observable.just

    1.9K40

    Angular2 初体验

    准备开发环境 Angular2 通过 npm 发布, 因此推荐使用 node/npm 环境, 要开始使用 Angular2 , 先准备一个目录 learning-angular , 在这个目录初始化项目...": "0.1.2", "rxjs": "5.0.0-beta.2", "zone.js": "0.5.15" } 保存 package.json 文件, 命令行输入 npm install...npm install 使用 es5 开发 Angular2 应用 Angular2 是个客户端框架, 浏览器运行, 因此使用 Javascript (es5) 来做开发也是完全可行的。...使用 TypeScript 开发 Angular2 应用 虽然完全能够使用 Javascript es5 来开发, 但是这并不是官方推荐的做法, 官方推荐的是 TypeScript , 默认的教程也都是使用..., "noImplicitAny": false }, "exclude": [ "node_modules", ".idea" ] } 现在, HTML 页面引入 Angular

    1.6K20

    Angular2:从AngularJS 1.x 中学到的经验

    本文选自《迈向Angular 2》,让我们看看Angular2解决了哪些1.x版本困扰我们的问题。...《迈向Angular2》第4 章,将会学习如何用Angular 2的组件和指令来取代AngularJS1.x 控制器的功能。...②创建对immutable/observable (不可变/可观察)数据模型友好的应用程序,从而可以做深度优化。 数据流的改变为AugularJS 1.x 基础构架带来了又一项根本性的变革。...Angular 核心团队决定使用TypeScript ,因为它有更好的工具,还有编译类型检查;使用TypeScript 有助于提升生产效率,还能减少出错。...《迈向Angular2》第4 章Angular 2 的组件和指令,我们会讨论Angular 2 的模板。

    2.7K10

    Rxjs 响应式编程-第一章:响应式

    假设我们电子表格的单元格A1有一个值,然后我们可以电子表格的其他单元格引用它,并且每当我们更改A1,每个依赖于A1的单元格都会自动更新与A1同步。 ?...虽然副作用总是会有的,但是我们应该努力减少。这在响应式编程尤其重要,因为我们随着时间变换会产生很多状态片段。所以避免外部状态和副作用是贯穿本书一条宗旨。...但实际上有两个本质区别: Observable至少有一个Observer订阅它之前不会启动。 与迭代器一样,Observable可以序列完成发出信号。...另请注意,这次我们省略了onCompleted回调,因为我们不打算在Observable complete做出反应。我们知道它只会产生一个结果,我们已经onNext回调中使用它了。...这将返回一个Observable,当我们订阅一个Observer,它将正确使用onNext,onError和onCompleted。

    2.2K40
    领券