XMLHttpRequest 无法加载？我已经在使用网络服务器

Question

我正在使用 Restangular 在我的 angular 应用程序中从 wordnik api 获取资源angular，我已经在这个网站上搜索了这个问题的其他答案，主要是答案是使用网络服务器而不是直接访问浏览器中的资源，但我已经在使用服务器，使用 jetbeans IDE 的内置服务器，我还在节点上尝试了 localhost 然后也使用 gulp , 但错误仍然存在，这是我的完整错误，让您有一个更好的主意

XMLHttpRequest cannot load XMLHttpRequest cannot load http://api.wordnik.com:80/v4/word.json/dog/definations?api_key=a2a73e7b926c…f50eb4ae5&includeRelated=true&includeTags=false&limit=5&useCanonical=false. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

这是我的休息angular获取资源的代码

var params = {
  limit: "5",
  includeRelated: "true",
  useCanonical:"false",
  includeTags:"false",
  api_key:apiKey
};
var encodedRecword = encodeURI(recword);
var service = WordnikRestangular.all(encodedRecword).all('definations');
service.get("", params).then(function(data) {

   //play with data

});

Answer 1

这是一个 CORS 问题 (Mozilla CORS)，但是我看到另外两个潜在问题：

var service = WordnikRestangular.all(encodedRecword).all('definitions'); - 它必须是 "definitions" 而不是 "definations"
跳过 URL 上的 Port 80 - 默认为端口 80
尝试使用 https

如果这不起作用，请尝试 Angulars $http.jsonp 直接访问 API（JSONp 应该可以在没有 CORS 问题的情况下实现）。如果问题仍然存在，请告诉我。

XMLHttpRequest 无法加载？我已经在使用网络服务器

XMLHttpRequest cannot load? I am using already webserver

google-chrome

xmlhttprequest

cors

angularjs

restangular