文档章节

fetch - node 跨域踩过有水的坑

那小么
 那小么
发布于 2017/04/24 15:13
字数 232
阅读 28
收藏 0

记录下 用fetch跨域请求遇到的一个坑.

请求代码如下:

        fetch(httpXpath.senddata+"/demo",{
			  method: "POST",
			  mode: "cors",
			  headers: {
			    "Content-Type": "application/x-www-form-urlencoded",
			    "Content-length":sendjson.length,
			    "Connection":"keep-alive"
			  },
			  body: sendjson
			}).then(function(response) {
				return response.json();
			}).then(function(json) {
			  console.log(json);
			}).catch(function(e) {
			  console.log("Oops, error"+e);
			});

对于参数就不做解释了 后端代码如下:

app.post('/demo',function(req,res){
	res.setHeader('Content-Type','text/html');
	res.send({"aaa":"qwer"})
})

没错这样直接报跨域错误,错误代码:

值得一提的是 这是数据已经返回了,只是同源策略限制了浏览器,所以我们可以看到:

 

 

 

 

 

 

数据已经返回来了。这个跨域问题几经波折最终实现呢也很简单,既然跨域有问题那就直接解决跨域不去指定Content-Type类型了 修改node代码:

app.post('/demo',function(req,res){
	res.setHeader('Access-Control-Allow-Origin','*');
	res.send({"aaa":"qwer"})
})

ok 这个问题折腾3个小时也是没谁了..

最后欢迎大神指导

© 著作权归作者所有

共有 人打赏支持
那小么
粉丝 3
博文 10
码字总数 9804
作品 0
朝阳
前端工程师
私信 提问
前后端分离--拿起node反向代理的武器(全记录)

做个勇往直前的人,做个勇往直前的前端 文/ziven 标题图/来自网络 前后端分离是个很重要的概念,尤其是今天的大前端时代。jsp,html嵌套在java web项目中似乎显得比较古老而厚重。当我们处在...

ziven先生
2017/06/28
0
0
SpringMVC跨域配置以及权限控制拦截跨域请求时的问题解决

背景 最近公司开始推行前后端分离的架构,于是不可避免的引入了跨域的问题,跨域的概念可以参考大佬的博客,这里就不再赘述了。 作为Java最流行框架之一的Spring其实已经帮我们写好了很多代码...

Iceberg_XTY
09/29
0
0
《React-Native系列》34、 ReactNative的那些坑

梳理了下ReactNative中的一些坑,你踩没踩过,它就在那里。 1、fetch fetch没有提供超时时间,设置timeout貌似没有作用。 标红的地方不能调用response.json() 或 .text()方法,哪怕是通过con...

hsbirenjie
2016/09/24
0
0
JQuery & Django Ajax 踩过的坑

JQuery & Django Ajax 踩过的坑 现在做一个数据可视化的项目,由于核心的机器学习代码使用python写的,数据可视化用的是D3.js 现在要给老大们展示这个结果,于是简单搭建了一个web applicati...

Allocator
2017/09/12
0
0
html2canvas的踩坑之路

前言 早有耳闻这个html2canvas比较坑,但无奈于产品需求的压迫,必须实现html转图片的功能,自此走上了填坑之路,好在最后的效果还算令人满意,这才没有误了产品上线周期. html2canvas介绍 的详细...

Anonlyyy
06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周一乱弹 —— 温柔的人应该这样

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @clouddyy :#每日一歌# 《フィクション-sumika》 《フィクション-sumika》 手机党少年们想听歌,请使劲儿戳(这里) 假期时间干嘛去, @for...

小小编辑
37分钟前
10
4
[LintCode] Serialize and Deserialize Binary Tree(二叉树的序列化和反序列化)

描述 设计一个算法,并编写代码来序列化和反序列化二叉树。将树写入一个文件被称为“序列化”,读取文件后重建同样的二叉树被称为“反序列化”。 如何反序列化或序列化二叉树是没有限制的,你...

honeymose
今天
6
0
java框架学习日志-7(静态代理和JDK代理)

静态代理 我们平时去餐厅吃饭,不是直接告诉厨师做什么菜的,而是先告诉服务员点什么菜,然后由服务员传到给厨师,相当于服务员是厨师的代理,我们通过代理让厨师炒菜,这就是代理模式。代理...

白话
今天
27
0
Flink Window

1.Flink窗口 Window Assigner分配器。 窗口可以是时间驱动的(Time Window,例如:每30秒钟),也可以是数据驱动的(Count Window,例如:每一百个元素)。 一种经典的窗口分类可以分成: 翻...

满小茂
今天
19
0
my.ini

1

architect刘源源
今天
16
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部