axios
fetch语法:
fetch('url接口地址',
{
配置信息
)
.then(res=>{
return res.json() //将数据转换成promise可返回的json
})
.then(result=>{
console.log('result',result)
this.state.goods = result.goods
})
.catch(error=>{ //报错时走catch
console.log(error)
})
例如:
fetch('./api/goods.json',
{
credentials: 'include',
method: 'get',
body: JSON.stringify({ user: 'lisposter', pwd: 'souche.com'}
)
.then(res=>{
return res.json()
})
.then(result=>{
console.log('result',result)
this.state.goods = result.goods
})
.catch(error=>{
console.log(error)
})
react跨域:
前端跨域:jsonp,代理
react跨域方案:在package.json中添加
"proxy": {
"/v2": {
"target": "https://api.douban.com",
"changeOrigin":true
}
}
vue跨域方案:https://www.jianshu.com/p/95b2caf7e0da
后端跨域:cors,后端代理(例如:反向代理 nginx)
fetch数据交互:https://segmentfault.com/a/1190000003810652
React数据交互
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- React Native 与android原生交互 有时候App需要访问平台API,但React Native可能...
- 最近遇到的困难在于,不知道该如何把注册信息存储到数据库中,以及如何在登录的时候将用户输入的信息与数据库中的注册信息...
- 导语 React Native是一套由 Facebook 开源的跨平台、动态更新的 Javascript 框架,其...
- 前言 很早就想写了的,一直拖啊拖,现在碰巧有时间,就来记录一下对Ajax 的浅析理解吧。 在继续写下来的时候,我们...