使用CORS的Access-Control-Allow-Origin

时间:2014-06-16 12:30:43

标签: javascript angularjs xmlhttprequest jsonp cors

我启动了一个Web应用程序项目,显示来自http服务器的数据。如果我运行webServer.js(使用已安装的node / express实现),将执行index.html。因为服务器(数据来自哪里)有另一个域,我收到以下错误:

XMLHttpRequest cannot load *"http-link to Server"*. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

据我了解,只有两种解决方案:

  1. 将Web应用程序项目文件加载到服务器:同一域, 相同的起源。
  2. 使用CORS解决问题(跨源资源     分享)方法。
  3. 我无法继续使用解决方案1.因此,我必须使用CORS实现第二个解决方案。谁能解释一下我必须实现的内容,方式和位置(webServer.js或index.html)?我确实检查了互联网,但我不明白。我应该使用哪些额外的库?关键字是angular.js或jsonp ...

    感谢您的帮助!欢呼声。

1 个答案:

答案 0 :(得分:-1)

有几个词,您应该将Access-Control-Allow-Origin:*添加到服务器上的响应标头中。 Here is其他信息。

您也可以设置

app.config(function($httpProvider){
    $httpProvider.defaults.headers.post['Content-Type'] = 'multipart/form-data';
})

防止角度发送cors preflight request