没有“访问控制允许来源”-节点/ Apache端口问题
我使用Node /
Express创建了一个小型API，并尝试使用Angularjs提取数据，但是由于我的html页面在localhost：8888上的apache下运行，而node
API在端口3000上进行侦听，我得到了否’Access-Control-允许原产’。我尝试使用 node-http-proxy和Vhosts
Apache，但没有成功，请在下面查看完整的错误和代码。
XMLHttpRequest无法加载localhost：3000。所请求的资源上没有“ Access-Control-Allow-
Origin”标头。因此，不允许访问来源’localhost：8888’。”
// Api Using Node/Express
var express = require('express');
var app = express();
var contractors = [
{
"id": "1",
"name": "Joe Blogg",
"Weeks": 3,
"Photo": "1.png"
}
];
app.use(express.bodyParser());
app.get('/', function(req, res) {
res.json(contractors);
});
app.listen(process.env.PORT || 3000);
console.log('Server is running on Port 3000')
角度代码
angular.module('contractorsApp', [])
.controller('ContractorsCtrl', function($scope, $http,$routeParams) {
$http.get('localhost:3000').then(function(response) {
var data = response.data;
$scope.contractors = data;
})
的HTML
<body ng-app="contractorsApp">
<div ng-controller="ContractorsCtrl">
<ul>
<li ng-repeat="person in contractors">{{person.name}}</li>
</ul>
</div>
</body>
问题答案：
尝试将以下中间件添加到您的NodeJS / Express应用程序（为方便起见，我添加了一些注释）：
// Add headers
app.use(function (req, res, next) {
// Website you wish to allow to connect
res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8888');
// Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
// Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
// Set to true if you need the website to include cookies in the requests sent
// to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);
// Pass to next layer of middleware
next();
});
希望有帮助！
-
问题内容： 我看到以下错误： 使用此代码： 是什么原因引起的，如何解决？ 问题答案： 在当前域之外发出ajax请求时，Javascript是受限制的。 例1：您的域名为example.com，并且您想向test.com提出请求=>您不能。 例2：您的域名是example.com，并且您想向inner.example.com发送请求，但是您不能。 例3：您的域名为example.com:80，并且您
-
我有一个网站，有一个单独的静态文件子域。我发现我需要设置标题，以使某些AJAX功能正常工作，特别是字体。我希望能够从访问静态子域进行测试，以及从子域访问静态子域。简单的解决方案是。我的服务器使用nginx。 您可能不想在响应标题中使用通配符作为，主要原因是什么？
-
问题内容： Web编程有些新知识，对此有些困惑。我有一个提供网站的基本express.js web服务器。我想将一个Gameid交给一个函数，并让其使用其Web API从Steam抓取成就信息，应该使用以下REST API调用来支持该信息： https://developer.valvesoftware.com/wiki/Steam_Web_API#GetGlobalAchievementPerc
-
我在做一个离子应用程序。我的问题是：当我试图从服务器获取数据时，我得到了这样的结果： $http.get(url).success（函数（响应）{...}
-
问题内容： 我试图使CORS请求正常工作。使用以下JS代码，我得到此错误： 这是JS代码： 当我使用chrome的devtools查看网络时，我发现确实没有标题。但是，当我手动加载该网站时，它就存在了！ 我使用以下代码设置标题： 希望能有所帮助！ 问题答案： 它说这意味着您的服务器应用程序需要调整以接受跨源请求。由于安全原因，默认情况下跨源请求不起作用。您需要启用它们。 对于django，有一个维
-
解决错误“无访问控制-允许-源” 所以我试图搜索访问控制允许起源Node.js，但我只能看到那些使用Express.jsapi。 警告看起来很简单：在响应中添加标题“Access Control Allow Origin”。 Access-Control-Allow-Origin不允许源http://localhost 像上面的问题一样，我也可以看到很多答案都有。使用或res.header，但：