fetch跨域实现及post传参问题

最新推荐文章于 2024-08-19 12:00:47 发布

hawkey7

最新推荐文章于 2024-08-19 12:00:47 发布

阅读量4.3k

点赞数

分类专栏： Javascript 文章标签： javascript fetch 传参 node

本文链接：https://blog.csdn.net/weixin_40821790/article/details/78960933

版权

本文介绍了fetch跨域的两种方式：前端jsonp和后端设置CORS。在尝试jsonp时遇到请求超时和JSON数据解析错误的问题，决定放弃。通过在后端设置CORS，实现了前端对后台的GET请求。对于POST请求传参，经过实验发现body: JSON.stringify(obj)配合Content-Type: 'application/json'可以成功实现与后台交互。

摘要由CSDN通过智能技术生成

fetch跨域有两种方法:

1.前端jsonp跨域

2.后端设置cors跨域

首先,尝试了jsonp跨域,可以轻松成功连接上豆瓣API

引入包 fetch-jsonp

try{
        const url = `https://api.douban.com/v2/book/search?q=${searchName}&count=20`;
        yield put(fetchBooks())
        const res = yield call( fetchJsonp, url )
        const data = yield res.json().then(res=>(res))
        console.log(data)
        yield put(fetchBooksSuccess(data))
        console.log('load成功')
    }catch(e){
        console.log(e);
        yield put(fetchBooksError())
    }

很棒!! 于是自己开始搭建node服务, 开始出bug了

(1)请求后端时候遇上请求有响应但是报错time out的bug, 参照了官网没法解决( 后台不支持jsonp ??? ).

(2)请求的json数据无法解析,提示语法错误 ???

参考了官方解释,仍旧一头雾水