文档章节

fetch - node 跨域踩过有水的坑

那小么
 那小么
发布于 2017/04/24 15:13
字数 232
阅读 23
收藏 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
朝阳
前端工程师
JQuery & Django Ajax 踩过的坑

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

Allocator
2017/09/12
0
0
《React-Native系列》34、 ReactNative的那些坑

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

hsbirenjie
2016/09/24
0
0
前后端分离--拿起node反向代理的武器(全记录)

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

ziven先生
2017/06/28
0
0
html2canvas的踩坑之路

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

Anonlyyy
06/29
0
0
划词翻译柯林斯词典 Chrome 扩展 - youdao-collins-chrome-extension

查询英文单词的柯林斯释义的chrome扩展应用。支持划词翻译,数据来源于有道词典。接入扇贝生词本,快速记录新单词,方便未来复习。 使用说明 在配置页面可以设置划词翻译的模式 划词即翻译 ...

oyyd
06/22
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 识别慢性能的宏

Page Profiling 给你了有关页面在载入的时候操作缓慢的邪教,你可以将下面的内容添加到调试(debug)级别: Version 3.1 及其后续版本 设置包名字为 com.atlassian.renderer.v2.components.M...

honeymose
12分钟前
0
0
day93-20180920-英语流利阅读-待学习

时尚之觞:外表光鲜靓丽,其实穷得要命 Lala 2018-09-20 1.今日导读 讲到时尚界,我们脑海里浮现的可能都是模特和设计师光鲜靓丽、从容潇洒的模样。可是,最近在法国出版的一本书却颠覆了我们...

飞鱼说编程
27分钟前
0
0
maven的pom.xml用解决版本问题

maven管理库依赖,有个好处就是连同库的依赖的全部jar文件一起下载,免去手工添加的麻烦,但同时也带来了同一个jar会被下载了不同版本的问题,好在pom的配置里面允许用<exclusion>来排除一些...

JAVA码猿
51分钟前
1
0
20180920 rzsz传输文件、用户和用户组相关配置文件与管理

利用rz、sz实现Linux与Windows互传文件 [root@centos01 ~]# yum install -y lrzsz # 安装工具sz test.txt # 弹出对话框,传递到选择的路径下rz # 回车后,会从对话框中选择对应的文件传递...

野雪球
今天
2
0
OSChina 周四乱弹 —— 毒蛇当辣条

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @ 达尔文:分享花澤香菜/前野智昭/小野大輔/井上喜久子的单曲《ミッション! 健?康?第?イチ》 《ミッション! 健?康?第?イチ》- 花澤香菜/前野智...

小小编辑
今天
42
11

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部