没有“访问-控制-允许-原产地”-节点/Apache端口问题
没有“访问-控制-允许-原产地”-节点/Apache端口问题
// 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 code
angular.module('contractorsApp', [])
.controller('ContractorsCtrl', function($scope, $http,$routeParams) {
$http.get('localhost:3000').success(function(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>
叮当猫咪浏览 718回答 3
3回答
-
慕盖茨4494581
尝试将以下中间件添加到NodeJS/Express应用程序中(为了方便起见，我添加了一些注释)：// Add headersapp.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();});希望能帮上忙！ -
湖上湖
接受答案是好的，如果你喜欢更短的东西，你可以使用一个插件CORS可供Express.js使用对于这种特殊情况，使用起来很简单：var cors = require('cors');// use it before all route definitionsapp.use(cors({origin: 'http://localhost:8888'})); -
哆啦的时光机
另一种方法是简单地将头添加到路由中：router.get('/', function(req, res) { res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); // If needed res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); // If needed res.setHeader('Access-Control-Allow-Credentials', true); // If needed res.send('cors problem fixed:)');});
随时随地看视频慕课网APP
AngularJS
Node.js