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

为什么即使登录失败,react native fetch也总是返回200?

React Native是一种用于构建跨平台移动应用程序的开发框架。在React Native中,使用fetch函数进行网络请求是常见的做法。然而,有时候即使登录失败,fetch函数仍然返回200的状态码。这可能是由以下几个原因导致的:

  1. 服务器端问题:登录失败时,服务器可能会返回一个200的状态码,而不是一个表示登录失败的状态码。这可能是由于服务器端逻辑错误或配置问题导致的。在这种情况下,需要与服务器端开发人员进行沟通,以了解为什么会返回错误的状态码。
  2. 跨域请求问题:如果登录请求是跨域请求,浏览器可能会遵循CORS(跨域资源共享)策略,将请求视为成功并返回200的状态码。这是因为浏览器在跨域请求中会发送一个预检请求(OPTIONS请求),服务器需要正确处理这个预检请求并返回适当的响应头,才能让浏览器发送真正的登录请求。如果服务器没有正确处理预检请求,浏览器会默认将请求视为成功并返回200的状态码。
  3. fetch函数的使用问题:在使用fetch函数时,可能存在使用不当的情况。例如,没有正确处理fetch函数返回的Promise对象,或者没有正确处理fetch函数的错误情况。在这种情况下,即使登录失败,fetch函数也可能返回一个成功的状态码。确保正确处理fetch函数的返回值和错误情况,可以通过检查返回的响应数据或状态码来确定登录是否成功。

总结起来,即使登录失败,React Native的fetch函数返回200的状态码可能是由于服务器端问题、跨域请求问题或fetch函数的使用问题导致的。需要仔细检查服务器端逻辑、CORS配置和fetch函数的使用,以确定登录是否成功。

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

相关·内容

二十分钟封装,一个App前后台Http交互的实现

React Native开发过程中,几乎所有的app都需要使用到Http请求,所以fetch的封装必不可少,由于不同app的请求参数,解析规则,token机制等完全不一样,所以在大多数App开发中,...数据交换 层面的封装,即: 实现前后台的互通,支持服务器要求的数据交换类型、格式等 调用者可以自由设置请求的header、params等参数,程序根据不同的设置能保证请求能正确的发送给服务端并返回相应的结果...、refreshToken在登录成功后的response的headers中返回。...调用登录接口:(由于使用json文件的形式只能使用get请求) import { RFHttp } from 'react-native-easy-app'; login = () => {...请参考 react-native-easy-app 详解与使用之(二) fetch 并且react-native-easy-app 开源库并不只有Http请求的封装,还有更多功能,有兴趣的同学可以查看此栏目的其它文章

1.4K10

react-native-easy-app 详解与使用之(二) fetch

网络请求(fetch) 我们先来看下React native中文网给出的fetch使用示例: 异步请求(核心代码) fetch('https://facebook.github.io/react-native...react-native-easy-app的请求 XHttp是不是可以方便快捷的发送请求呢?...Native平台提供的fetch很相似,其execute('get')方法返回的是一个promise对象,故可以像fetch一样,发送同步或异步请求。...输出结果,格式化后如下: [response.png] success => true | false 请求成功或失败的标识(默认以Http的请求状态码: status >= 200 && status...但为什么公共参数 params.testChannel = 'testChannel005'; 的设置没有生效呢,其实是因为,XHttp中的接口请求的私有参数中设置了一个:testChannel

2.6K10
  • react-native使用cookie

    前言 不久前,因为课程需要,我使用react native搭建了人生第一个完整的app--一个广外的教务查询系统。...祥见我的第一个react native项目 总体上,那个项目可以分成三个部分 1、手机端app,负责展示数据 2、爬虫服务器,负责爬取教务系统的信息,返回给手机端app 3、广外的教务系统,显示学生信息...当客户端传输登录的帐号密码的时候,爬虫服务器进行模拟登录,并保存cookie在缓存中,生成一个token返回给app; app此后凭借token向爬虫服务器请求信息,爬虫服务器根据token选取cookie...改写程序 react native进行网络请求的函数是fetch,会自动保存网络请求的cookie,不需要自己做任何的程序处理,就像平时用浏览器上网一样简单。...于是,上网一查,找到了一个新的模块cheerio-without-node-native; 很显然,这个是脱离node直接给react native用的cheerio; 用法跟上面的一样,只要改变引用的模块就行了

    3K00

    react-native 开发笔记 (四)

    native事件冒泡 曾一度纠结于rn事件如何阻止冒泡的,查遍文章,没有找到相关资料。...后来才发现,有一个办法可以阻止冒泡,那就是在父组件和子组件的中间插入一个Touchable*这样子的组件,这个组件不要绑定事件,这样的话内部的事件是不会冒泡到顶部的 react native多页面鉴权...比如判断用户有没有登录,然后做相应的操作或者页面跳转。 react-native 也是一样的,做法也没有什么区别。...正常使用起来,其实是可以使用的,但是存在一些问题 react-nativefetch本身是可以保存cookie的,这就导致app用户过期时间由服务器配置决定的。...2、我们可能的逻辑是在ajax返回登录的状态之后,我们可能已经跳转到首页或者登录页面去了。这时候其他接口如果有不需要鉴权就返回的数据,再去执行逻辑的时候,有可能会引发一起无法预知的错误。

    1.6K20

    【Hybrid开发高级系列】ReactNative(四) —— 基础开发技巧

    看到这里,你可能觉得我们的例子总是千篇一律的黑色文本,太特么无聊了。那么我们一起来学习一下样式吧。 1.4 样式         在React Native中,你并不需要学习什么特殊的语法来定义样式。...React Native中的Flexbox的工作原理和web上的CSS基本一致,当然存在少许差异。...1.8.1 使用Fetch         React Native提供了和web标准一致的Fetch API,用于满足开发者访问网络的需求。...以这种方式执行的调试器最好是一个短进程(short-livedprocesses),同时最好不要有超过200k的文字输出。...={image} style={{width: 200, height: 100}} /> 1.21.1 方法 static get()返回设备的像素密度。

    38720

    React Native探索(五)使用fetch进行网络请求

    前言 React Native可以使用多种方式来进行网络请求,比如fetch、XMLHttpRequest以及基于它们封装的框架,fetch可以说是替代XMLHttpRequest的产物,这一节我们就来学习...其中method用于定义请求的方法,这里不用写method可以,fetch默认的method就是GET。...这次请求的响应状态status为200返回的数据是JSON格式的,用Charles抓包来查看返回的JSON,如下图所示。 ?...statusText (String) : 服务器返回的状态报告。 ok (boolean) :如果返回200表示请求成功,则为true。 headers (Headers) : 返回头部信息。...参考资料 Fetch API fetch-issues-274 MDN Promise教程 ReactNative网络fetch数据并展示在listview中 React Native中的网络请求fetch

    2K70

    Dva + Ant Design 前后端分离之 React 应用实践

    的特性: 易学易用:仅有 5 个 api,对 redux 用户尤其友好 elm 概念:通过 reducers, effects 和 subscriptions 组织 model 支持 mobile 和 react-native...:跨平台 (react-native 例子) 支持 HMR:目前基于 babel-plugin-dva-hmr 支持 components 和 routes 的 HMR 动态加载 Model 和路由:按需加载加快访问速度...同时我把操作LocalStrage的一些操作写进来了。...其实这种基于客户端渲染的应用,如果页面限制有遗漏关系不太,后端提供的API会对数据进行验证,即使前端访问到没有权限的页面,同样不用担心,做好客户端错误处理即可。...我这以Fetch + PHP + Laravel为例,这种并不是最有解决方案!仅供参考!

    2.6K20

    React Native——一次学习,随处编写

    React Native开发的界面上有让用户输入用户名与密码的UI控件,还有一个登录按钮。...从这点读者就应当知道,使用React Native开发的难度实在很低。下面还是总结一下为什么使用React Native开发的难度低。...React Native开发用软件都是可免费下载、安装使用的正版软件,部分是开源软件。对硬件要求不高。...内存消耗略大 使用React Native开发的程序运行所需的内存比原生代码开发的程序略多。会多多少,没有人认真分析过,笔者不打算认真分析。 为什么没人愿意分析内存消耗情况呢?...◆ ◆ ◆ 为什么React Native尚未流行 看到这里,估计很多读者都会想既然React Native这么好,为什么还没有开始流行呢?你不会是在“坑儿”我们吧!

    1.7K20

    2020 年你应该知道的 React

    一个流行的 Airbnb 开源的React style guide 。即使你没有刻意遵循这些样式指南,但是读一读它们,在 React 中获得常见代码样式的要点是有意义的。...建议: ESLint Prettier React 认证 在较大的 React 应用程序中,您可能希望引入具有注册、登录和退出功能的身份验证。此外,密码重置和密码更改功能往往是需要的。...React 中最常用的 JavaScript 内置功能之一是内置 map() 数组。为什么?因为您总是必须呈现组件中的列表。...由于 JSX 是 HTML 和 JavaScript 的混合物,所以您可以使用 JavaScript 在数组上进行映射并返回 JSX。...如果您是 React Native 开发人员,想要创建一个 Web 应用程序,您应该查看 React Native Web。

    14.4K40

    【长文慎入】一文吃透React SSR服务端同构渲染

    相信看过本文(前提是能对你的胃口,能较好的消化吸收)你一定会对 react ssr服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样...为什么要服务端渲染(ssr) 至于为什么要服务端渲染,我相信大家都有所闻,而且每个人都能说出几点来。...为什么react 组件可以被转换为 html字符串呢?...首先我们知道浏览器端会对已有的节点进行双端对比,如果对比失败就会重新渲染,这很明显就是个问题。... 这个缺省内容和服务端直出的 html 内容完全不同,所以对比失败,页面会渲染成 正在加载......

    3.9K62

    【长文慎入】一文吃透React SSR服务端同构渲染

    相信看过本文(前提是能对你的胃口,能较好的消化吸收)你一定会对 react ssr服务端渲染技术有一个深入的理解,可以打造自己的脚手架,更可以用来改造自己的实际项目,当然这不仅限于 react ,其他框架都一样...为什么要服务端渲染(ssr) 至于为什么要服务端渲染,我相信大家都有所闻,而且每个人都能说出几点来。...为什么react 组件可以被转换为 html字符串呢?...首先我们知道浏览器端会对已有的节点进行双端对比,如果对比失败就会重新渲染,这很明显就是个问题。... 这个缺省内容和服务端直出的 html 内容完全不同,所以对比失败,页面会渲染成 正在加载......

    3.7K21

    React Native ios开发第一课

    前言 本篇文章的作用在于帮助你快速上手使用React Native编写iOS应用。...如果你现在还不太了解React Native是什么以及Facebook为什么要创建React Native,你可以先看看这篇博客。 阅读本文之前,我们假设你已经有过使用React创建网站的经验。...设置 使用React Native开发iOS应用需要OSX系统,Xcode,Homebrew,node,npm以及watchman,你可以有选择的使用Flow。...在安装完这些依赖项目之后,你可以简单的使用两行命令来开启一个React Native项目: npm install -g react-native-cli react-native-cli是用来开发React...为什么使用ListView要比把所有数据放在一个ScrollView里面好呢?虽然React速度很快,但是渲染一个可能是无限长的列表依然可能很慢。

    1.6K80
    领券