Tag: fetch

“抓取失败的加载” – 在Postman中获取作品，但在Chrome和Safari中失败

更新：修正。 它看起来像请求回来了503（因为它应该），然后我的应用程序刷新并显示非错误消息：“取载失败加载”。 因为刷新，我只是没有看到回应。 我无法从本地托pipe的Create-React-App向Heroku托pipe节点服务器发出获取请求。 我的节点服务器启用了CORS。 如果我通过Postman发出一个POST请求，我得到一个合适的响应（503，因为目前没有数据库连接，所以数据没有被保存，如果我应该发回不同的响应，请告诉我）。 我的邮递员请求有'application/json'作为内容types，没有授权，以及{ "rating": "5", "zipcode": "0" }的正文。 但是，当我从我的React应用程序发出POST请求时，我的控制台中收到一条消息： “Fetch failed loading：OPTIONS” https://shielded-gorge-69158.herokuapp.com/feedback “。” 没有关联的错误，只有消息。 我的networking面板中没有关于请求的信息。 当我在localhost：3000（我的应用程序）到localhost：5000（我的服务器）上执行获取请求。 当我尝试向Heroku上托pipe的服务器发送请求时，它只会失败。 这是获取请求的样子： return fetch('https://shielded-gorge-69158.herokuapp.com/feedback', { method: 'POST', headers: { 'Content-type': 'application/json' }, body: JSON.stringify({ rating: userRating, zipcode: userZip }) }).then(res => { if (!res.ok) { throw new Error('Error:', res.statusText); } return res; }).catch(err => […]

我如何使用本地主机上的提取进行CORS请求？

我正在构build一个与GitHub的API集成的React / Redux应用程序。 这个程序将要求用户使用GitHub的OAuthlogin。 我试图使用npm包isomorphic-fetch来做请求，但似乎无法让它工作。 这是请求： require('isomorphic-fetch'); var types = require(__dirname + '/../constants/action_types'); module.exports.handleAuthClick = function() { return function(dispatch, getState) { var state = getState(); return fetch('http://localhost:3000/auth') .then(function(res) { if (res.status <= 200 && res.status > 300) { // set cookie // return username and token return { type: HANDLE_AUTH_CLICK, data: res.json() }; } throw […]

如何使用提取与application / json的内容types发布

我有一个响应应用程序，执行一个API的调用，如下所示： postForm(state) { var formData = state.formData; return fetch('http://localhost:3000/api/V0.1/formSubmit', {method: 'POST', headers: {"Content-Type": "application/json"}, body: JSON.stringify(formData)}) .then((response) => response.json()) .then((responseJson) => { console.log(responseJson); return null; }) .catch((error) => { console.error(error); }); } 但是，由于规范指出application / json是非标准内容types，CORS会阻止它。 但是，我不知道如何修改我的获取调用来执行所需的飞行前请求，让它允许application / json。 API调用是： app.post("/api/v0.1/formSubmit", function(req, res) { res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8080'); res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); res.setHeader('Access-Control-Allow-Headers', '*'); var […]

SCRIPT5009：'fetch'是未定义的

有一些麻烦！ 对于我的请求，我正在使用Fetch API！ 提交表单在IE中不工作，因为“SCRIPT5009：'取'未定义”！ 示例如何： fetch("url", { method: "POST", body: JSON.stringify(data), headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' } }).then(function (response) { return response.json().then(function (data) 同时在Chrome和FF，它的工作正常！ 我已经试图find一些冲浪谷歌的解决scheme，但这是无益的！ 我尝试在npm中安装“isomorphic-fetch”和“es6-promise”，并试图将其导入到我的.js文件中，但也不成功，控制台显示了我这样的内容：“Uncaught SyntaxError：Unexpected token import” ！ 顺便说一句，必需（）函数不工作以及！ 所以我完全不用做什么，如何使用这些polyfill的东西，所有这一切！ 如果有人有一个想法，提前致谢！ BR！

npm react-native-fetch-blob – “RNFetchBlob.fetch不是函数”

我正在使用npm包react-native-fetch-blob 。 我已经遵循了git仓库中的所有步骤来使用这个包。 然后我使用下面这行导入了这个包： var RNFetchBlob = require('react-native-fetch-blob'); 我正试图请求一个包含从服务器的图像的BLOB。 这是我的主要方法。 fetchAttachment: function(attachment_uri) { var authToken = 'youWillNeverGetThis!' var deviceId = '123'; var xAuthToken = deviceId+'#'+authToken //Authorization : 'Bearer access-token…', // send http request in a new thread (using native code) RNFetchBlob.fetch('GET', config.apiRoot+'/app/'+attachment_uri, { 'Origin': 'http://10.0.1.23:8081', 'X-AuthToken': xAuthToken }) // when response status code is 200 […]

如何在“Zapier代码”中编写node-fetch（Rest-API）？

在zapier中，我使用了Code By Zapier的一个动作。 它基于node.js。 我需要使用提取来实现我的CRM的REST-API。 这里是我写的代码，运行良好，当我用VS代码（Zapier之外）尝试它时： // the code by zapier includes already the require('fetch') var api_token = "…"; // my api var deal_name = "Example"; // a string fetch("https://api.pipedrive.com/v1/deals/find?term="+deal_name+"&api_token=" + api_token) .then(function(res) { return res.json(); }).then(function(json) { var deal_id = json.data[0].id; console.log("deal_id="+deal_id); }).catch(function(error) { console.log("error"); }); output = {id: 1, hello: "world"}; // must […]

找不到模块'whatwg-fetch'。

我一直在我的terminal出现这个错误：找不到模块'whatwg-fetch' 由于我在拼凑自己的React框架时遇到了困难，因此我决定使用一个在YouTube上find的框架。 Github回购： https ： //github.com/joellongie/superCell/blob/master/gulpfile.js 我在想，在吞噬文件和抓取文件之间有冲突，但我不确定。 我通过terminal安装了获取，我可以在我的package.json中看到它。 我什至看到node_modules文件夹中的获取文件夹。 我已经尝试删除node_modules文件夹，再次做npm安装，但我得到相同的错误。 如果有人能指出这个问题，我将不胜感激。

Node.js CORS导致403 Forbidden

我们的网站使用HTML5抓取API来调用我们的后端NodeJS服务来执行某些操作。 我们的后端驻留在与主站点不同的域中，因此我们在Node应用程序上启用了CORS。 这为我们的客户99％的工作。 但是，一个客户一直有问题。 他们试图从他们的工作场所访问我们的网站（也许他们的工作场所networking有更高的安全设置..？），他们收到以下错误： api.our-node-backend.com/blah无法加载资源：服务器的状态为403（Forbidden）书：1提取API无法加载https://api.our-node-backend.com/blah 。 对预检请求的响应不会通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。 原因' https://www.our-frontend-website.com '因此不允许访问。 响应的HTTP状态码为403.如果一个不透明的响应满足您的需求，请将请求的模式设置为“no-cors”，以取消禁用CORS的资源。 我们的Node应用程序目前configuration如下： app.use(function(req, res, next) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.header('Access-Control-Allow-Headers', 'Content-Type'); next(); }); // respond to options pre-flight app.options('*', function(req, res) { res.header('Access-Control-Allow-Origin', '*'); res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE'); res.header('Access-Control-Allow-Headers', 'Content-Type'); res.status(200).send(); }); 这个configuration有什么问题吗？ 堆栈溢出的其他示例将Access-Control-Allow-Headers设置为“Origin，X-Requested-With，Content-Type，Accept”而不是“Content-Type”。 这有什么不同？

从ReadableStream对象中检索数据？

我如何从ReadableStream对象获取信息？ 我正在使用Fetch API，而我从文档中看不到这一点。 正在作为一个ReadableStream返回正文，我只想访问此stream中的属性。 在浏览器开发工具的响应下，我似乎将这些信息以Javascript对象的forms组织到属性中。 fetch('http://192.168.5.6:2000/api/car', obj) .then((res) => { if(res.status == 200) { console.log("Success :" + res.statusText); //works just fine } else if(res.status == 400) { console.log(JSON.stringify(res.body.json()); //res.body is undefined. } return res.json(); }) 提前致谢。