gpt4 book ai didi

使用 CORS 的 Javascript 和 angularjs

转载 作者:行者123 更新时间:2023-11-30 12:03:51 25 4
gpt4 key购买 nike

我正在尝试使用 $http 从站点获取信息,老实说,我已经遍地查看并尝试了很多不同的东西,但我不确定如何为“Access-Control-Allow”设置 header -起源'。我不确定我是完全误解了还是什么,但非常感谢任何帮助,提前致谢!

XMLHttpRequest 无法加载 http://nhlwc.cdnak.neulion.com/fs1/nhl/league/teamroster/NJD/iphone/clubroster.json .请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:3000 ' 因此不允许访问。响应具有 HTTP 状态代码 503。

这是我的代码:

rosterService的相关代码:

(function(){
'use strict';

var URL = 'http://nhlwc.cdnak.neulion.com/fs1/nhl/league/teamroster/NJD/iphone/clubroster.json';

angular
.module("DevilsFanApp")
.factory("RosterService", RosterService);

function RosterService($rootScope, $http) {
function fetchPlayers(callback){
return $http({
method: 'GET',
url: URL,
dataType: 'jsonp'
});
}
}
})();

服务器.js:

    var express = require('express');
var app = express();

var ipaddress = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1';
var port = process.env.OPENSHIFT_NODEJS_PORT || 3000;


app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "http://localhost:3000"); // instead of * give a try with
res.header('Access-Control-Allow-Methods', 'OPTIONS,GET,POST,PUT,DELETE');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
});

app.use(express.static(__dirname + '/public'));

app.listen(port, ipaddress);

配置文件:

(function(){
angular
.module("DevilsFanApp")
.config(Configure);

function Configure($routeProvider,$httpProvider) {
$routeProvider
.when("/roster",{
templateUrl: "./views/roster/roster.view.html",
controller: "RosterController"
})
.otherwise({
redirectTo: "/home"
});
}
})();

最佳答案

我不知道这是否是您编码问题的答案,但让我在这里澄清一些事情。

你这里有这个代码

var URL = 'http://nhlwc.cdnak.neulion.com/fs1/nhl/league/teamroster/NJD/iphone/clubroster.json';

angular
.module("DevilsFanApp")
.factory("RosterService", RosterService);

function RosterService($rootScope, $http) {
function fetchPlayers(callback){
return $http({
method: 'GET',
url: URL,
dataType: 'jsonp'
});
}
}

它将调用位于“http://nhlwc.cdnak.neulion.com/fs1/nhl/league/teamroster/NJD/iphone/clubroster.json”的 url,这是一个托管域服务器,它可能配置了 CORS,也可能没有配置。

基本上你不能从 UI 端做任何事情来访问来自上面 URL 的数据,除非你有正确的权限或从后端在这个服务器上配置 CORS 的方法。


现在您拥有的第二段代码:

var express = require('express');
var app = express();

var ipaddress = process.env.OPENSHIFT_NODEJS_IP || '127.0.0.1';
var port = process.env.OPENSHIFT_NODEJS_PORT || 3000;

app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers",
"Origin, X-Requested-With, Content-Type, Accept");
next();
});
app.use(express.static(__dirname + '/public'));
app.listen(port, ipaddress);`

以上是您的本地 nodejs 服务器,它在您的网络上本地运行(端口:3000)。您已在此处配置了 CORS,对此 URL 或从 localhost:3000127.0.0.1:3000 开始的任何其他 URL 发出的任何请求都将能够访问来自的数据此服务器(*在您的网络内)。


从上面的代码可以说,你得到的 CORS 错误不是因为你上面提到的 GET API 调用......而是来自其他一些访问托管在 http://localhost:30000 的服务器的代码.

另外我建议你改变

app.listen(port, ipaddress);
//to
app.listen(3000);

上述更改保持了功能的完整性,并且也更易于理解。

关于使用 CORS 的 Javascript 和 angularjs,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35850253/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com