时间:2021-05-25
最近在自学react native,学习过程中遇到了不少的坑,下面将针对登录这一功能来详细介绍一下以下遇到的两个问题。
1.在请求数据的时候,一般情况下我们会直接提交Content-type是json数据格式的请求。类似
fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json', }, body: JSON.stringify({ firstParam: 'yourValue', secondParam: 'yourOtherValue', })})当我开始请求登录接口的时候,发现上面的请求方法失效了,想了好多办法都不知道问题出在哪里,最后试了下抓包,才发现原来请求登录接口的时候,content-type是application/x-/endpoint/', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: 'key1=value1&key2=value2'}
2.登录成功后如何获取当headers里面的sessionid的问题。
登录成功之后,我们可以打印出上面的response,若是需要取出上面的sessionid,我们可以采用下面的方法,写法可能比较low,但是可以达到目的
//获取sidvar headers = response.headers.get("set-cookie");var header = headers.split(";");var sessionid;for(var index = 0; index < header.length; index++){ if(header[index].indexOf("JSESSIONID") > -1){ sessionid = header[index].split("=")[1]; }}//保存AsyncStorage.setItem('sessionid', sessionid);3.登录成功之后,后台需要根据sessionid来判断登录状态。当请求的接口是必须登录之后才能获得数据的时候,就不能用传统的写法来请求了。javascript 使用fetch进行跨域请求时默认是不带cookie的,所以会造成 session失效。那所以在登录请求的时候需要加上credentials: ‘include'这个字段。
fetch(Api.checkLoginSecurity , { credentials: 'include', method: 'POST', headers:{ 'Content-Type': 'application/x-www-form-urlencoded', }, body: 'username='+ this.props.userName + '&password=' + this.userPassword})在需要登录后才能获取数据的接口也需要加上
fetch(url , { credentials: 'include', method: 'GET',})此处还要强调一下get请求和post请求,经别人提醒,发现虽然他写了个body= {*},让我误以为是用POST方式,其实body只是参数的字段,实际上用的还是GET请求,所以把POST改为GET(默认是GET,所以就不需要写method),因为GET无法在body里传参,也不需要header,直接把参数写在URL里,只有POST才是在body里传参。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近在学习react-native,遇到调用后端接口的问题.看了看官方文档,推荐使用es6的fetch来与后端进行交互,在网上找了一些资料.在这里整理,方便以后
react-native中AsyncStorage实例详解AsyncStorage是一个简单的,具有异步特性的储存API,它的储存方式为键值对的方式,且对整个A
首先要确认已经配置好react-native的环境。#创建一个native应用,SimpleApp,然后进入项目目录react-nativeinitSimple
项目背景:手动link的安卓App1.下载react-native-code-pushnpminstall--savereact-native-code-pus
不论是React还是React-native,facebook官方都推荐使用ES6的语法,没在项目中使用过的话,突然转换过来会遇到一些问题,如果还没有时间系统的