Question

Angular中的Ajax GET调用失败。

它引发了以下错误：

XMLHttpRequest cannot load http://localhost:3000/learning_record_service/get_document?document_id=288. Origin http://127.0.0.1:3000 is not allowed by Access-Control-Allow-Origin.

以下是请求详情：

Request URL:http://localhost:3000/learning_record_service/get_document?document_id=288
Request Method:OPTIONS
Status Code:200 OK
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:accept, origin, x-requested-with
Access-Control-Request-Method:GET
Connection:keep-alive
Host:localhost:3000
Origin:http://127.0.0.1:3000
Referer:http://127.0.0.1:3000/documents/open/288?sc=c961d72844bbc5439923e097860057d0&angular=1
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_5) AppleWebKit/537.22 (

虽然这是代码：

$http.get('/learning_record_service/get_document?document_id=' + document_id).success(function(data){

//success code

});

Answer 1

查看您的请求，我们可以看到以下内容：

Request URL:http://localhost:3000/learning_record_service/get_document?document_id=288
...
Host:localhost:3000
Origin:http://127.0.0.1:3000
Referer:http://127.0.0.1:3000/documents/open/288?sc=c961d72844bbc5439923e097860057d0&angular=1

正如您所看到的那样，导致您的代码混淆localhost:3000和127.0.0.1:3000。这被解释为“跨域”或“跨域”请求，默认情况下大多数浏览器都不允许这样做。

使用计算机IP访问localhost会导致Ajax调用失败

1 个答案: