访问控制尝试在Ionic＆Angular中执行$ http.post到IFTTT时的起源问题

我在尝试对IFTTT制作商频道执行$ http.post时遇到问题。下面是我用来执行POST代码：

$http.post(
    'https://maker.ifttt.com/trigger/{my-event}/with/key/{my-key}', 
    {value1:"hello",value2:"goodbye"} 
).then(
    function successCallback(response) { 
     console.log(response); 
    }, 
    function errorCallback(response) { 
     console.log("error: ",response); 
    });

我得到的回应是：

XMLHttpRequest cannot load https://maker.ifttt.com/trigger/{my-event}/with/key/{my-key}. 
Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

我有科尔多瓦白名单的插件，并尝试各种解决方案添加Access-Control-Origin到标题，并仍然得到类似的回应。

来源

2016-10-19 zsoflin

这是一个浏览器错误？ – Akis

我不这么认为。我在几台浏览器和几台机器上试过了。还是一样的错误。 – zsoflin

有一个使用CORS插件的解决方法https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi – Akis

CORS问题只存在于浏览器上。在这种情况下，它们只存在于使用ionic serve。

将应用程序部署到实际的设备时，您将而不是获得CORS错误。在开发模式与离子运行时，您的应用程序服务，而不是与科尔多瓦打包移动应用程序运行时，

由于CORS仅仅是一个问题，一个简单的选择是只完全禁用CORS为当地发展。对于Chrome，例如有一个名为的插件“Allow-Control-Allow-Origin：*”，可让您禁用CORS。

如果你仍然要处理的编码方式CORS，你可以了解的是，这里http://blog.ionic.io/handling-cors-issues-in-ionic/

有考虑到这一点，这是一个更快，更好的办法是拿到一个CORS插件更多信息mozilla或铬。你可以让他们在这里

铬 - https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Mozilla的 - https://addons.mozilla.org/en-US/firefox/addon/cors-everywhere/

来源

2016-10-20 14:53:58 Marko

访问控制尝试在Ionic＆Angular中执行$ http.post到IFTTT时的起源问题

回答

相关问题