文档章节

fetch - node 跨域踩过有水的坑

那小么
 那小么
发布于 2017/04/24 15:13
字数 232
阅读 16
收藏 0
点赞 0
评论 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
博文 7
码字总数 9804
作品 0
朝阳
前端工程师
react-native下遇到的坑,在这里都可以解决

React-Native android在windows下的踩坑记 坑很多,跳之前做好准备。没有VPN的同学请浏览完本文后慎行。 你需要先安装最新版本的node.js(我最后使用的是v4.1.2),前往官网下载>> 注:我win...

hqxluoyang ⋅ 2015/10/27 ⋅ 0

《React-Native系列》34、 ReactNative的那些坑

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

hsbirenjie ⋅ 2016/09/24 ⋅ 0

JQuery & Django Ajax 踩过的坑

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

Allocator ⋅ 2017/09/12 ⋅ 0

前后端分离--拿起node反向代理的武器(全记录)

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

ziven先生 ⋅ 2017/06/28 ⋅ 0

window.postMessage

HTML5 跨域通信 API - window.postMessage 参考 MDN - Window.postMessage() Syntax otherWindow.postMessage(message, targetOrigin, [transfer]) message 你要发送的信息(字符串和对象都可......

SKYCOBS ⋅ 2016/09/14 ⋅ 0

ionic2+angular2中踩的那些坑

好久没写什么东西了,最近在做一个ionic2的小东西,遇到了不少问题,也记录一下,避免后来的同学走弯路。 之前写过一篇使用VS2015开发ionic1的文章,但自己还没摸清门道,本来也是感兴趣就学...

jason_wu_2 ⋅ 2016/11/04 ⋅ 0

Fetch使用介绍

1、浏览器同策同源 可谓同源?URL由协议、域名、端口和路径组成,如果两个URL的协议、域名和端口相同,则表示他们同源。浏览器的同源策略,限制了来自不同源 的"document"或脚本,对当前"do...

龙马行空 ⋅ 2016/08/12 ⋅ 0

跨容器的渲染引擎--Rax

Rax 是阿里开源的一个通用的 JavaScript 库,主要有 React 兼容的 API 。 使用 React 的就应该已经知道如何使用 Rax。 特性: 快速:快速的虚拟 DOM。 微型:min + gzip 之后仅 8.0kb。 通用...

匿名 ⋅ 2017/01/12 ⋅ 23

WEB专题---服务器对前端拦截过滤中需要特殊处理的OPTIONS请求

是否是跨域请求呢? 在网上找到了相关资料(http://www.cnblogs.com/sniper...: OPTIONS请求方法的主要用途有两个: 1、获取服务器支持的HTTP请求方法;也是黑客经常使用的方法。 2、用来检查...

鸿蒙无上至尊 ⋅ 04/26 ⋅ 0

前端相关大杂烩

前端基础面试题(JS部分) 前端基础面试题(JS部分) 学习 React.js 比你想象的要简单 原文地址:Learning React.js is easier than you think 原文作者:Samer Buna 译文出自:掘金翻译计划 本文...

掘金官方 ⋅ 01/12 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Day 17 vim简介与一般模式介绍

vim简介 vi和Vim的最大区别就是编辑一个文件时vi不会显示颜色,而Vim会显示颜色。显示颜色更便于用户编辑,凄然功能没有太大的区别 使用 yum install -y vim-enhanced 安装 vim的三种常用模式...

杉下 ⋅ 58分钟前 ⋅ 0

【每天一个JQuery特效】根据可见状态确定是否显示或隐藏元素(3)

效果图示: 主要代码: <!DOCTYPE html><html><head><meta charset="UTF-8"><title>根据可见状态确定 是否显示或隐藏元素</title><script src="js/jquery-3.3.1.min.js" ty......

Rhymo-Wu ⋅ 今天 ⋅ 0

OSChina 周四乱弹 —— 初中我身体就已经垮了,不知道为什么

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @加油东溪少年 :下完这场雨 后弦 《下完这场雨》- 后弦 手机党少年们想听歌,请使劲儿戳(这里) @马丁的代码 :买了日本 日本果然赢了 翻了...

小小编辑 ⋅ 今天 ⋅ 12

浅谈springboot Web模式下的线程安全问题

我们在@RestController下,一般都是@AutoWired一些Service,由于这些Service都是单例,所以并不存在线程安全问题。 由于Controller本身是单例模式 (非线程安全的), 这意味着每个request过来,...

算法之名 ⋅ 今天 ⋅ 0

知乎Java数据结构

作者:匿名用户 链接:https://www.zhihu.com/question/35947829/answer/66113038 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 感觉知乎上嘲讽题主简...

颖伙虫 ⋅ 今天 ⋅ 0

Confluence 6 恢复一个站点有关使用站点导出为备份的说明

推荐使用生产备份策略。我们推荐你针对你的生产环境中使用的 Confluence 参考 Production Backup Strategy 页面中的内容进行备份和恢复(这个需要你备份你的数据库和 home 目录)。XML 导出备...

honeymose ⋅ 今天 ⋅ 0

JavaScript零基础入门——(九)JavaScript的函数

JavaScript零基础入门——(九)JavaScript的函数 欢迎回到我们的JavaScript零基础入门,上一节课我们了解了有关JS中数组的相关知识点,不知道大家有没有自己去敲一敲,消化一下?这一节课,...

JandenMa ⋅ 今天 ⋅ 0

火狐浏览器各版本下载及插件httprequest

各版本下载地址:http://ftp.mozilla.org/pub/mozilla.org//firefox/releases/ httprequest插件截至57版本可用

xiaoge2016 ⋅ 今天 ⋅ 0

Docker系列教程28-实战:使用Docker Compose运行ELK

原文:http://www.itmuch.com/docker/28-docker-compose-in-action-elk/,转载请说明出处。 ElasticSearch【存储】 Logtash【日志聚合器】 Kibana【界面】 答案: version: '2'services: ...

周立_ITMuch ⋅ 今天 ⋅ 0

使用快嘉sdkg极速搭建接口模拟系统

在具体项目研发过程中,一旦前后端双方约定好接口,前端和app同事就会希望后台同事可以尽快提供可供对接的接口方便调试,而对后台同事来说定好接口还仅是个开始、设计流程,实现业务逻辑,编...

fastjrun ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部