CORS标头在MEAN堆栈应用程序中不工作

CORS header not working in MEAN stack application

本文关键字:应用程序 工作 堆栈 MEAN CORS      更新时间:2023-09-26

我正在使用MEAN堆栈(Node.js, Express, AngularJS和Mongoose)开发一个应用程序。我对这两者有一个基本的了解。我的API运行在与前端不同的端口上,因此,我在API文件中包含了CORS头文件。然而,Chrome仍然给我这个错误:

XMLHttpRequest cannot load http://localhost:9000/#/.
No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 

这是我在API中包含的头文件:

app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    next();
});

我不知道我哪里出错了。如果它有帮助,我试图加载一个用户对象,以便在配置文件页面上显示信息。这是我的配置文件控制器的代码:

angular.module('angTestApp')
.controller('ProfileCtrl', function ($scope, $http) {
$http.get('http://localhost:8080/profile')
    .success(function (user) {
        $scope.user = user;
        console.log(user);
    });
});

编辑这是我的server.js文件,如果有帮助://server.js

// BASE SETUP
// =============================================================================
// call the packages we need
var express    = require('express');        // call express
var cors    = require('cors');
var app        = express();                 // define our app using express
var bodyParser = require('body-parser');
var mongoose = require('mongoose');
mongoose.connect('mongodb://test:test@novus.modulusmongo.net:27017/a3pemoGa')
var classroom = require('./app/models/classroom');
var article = require('./app/models/article');
var user = require('./app/models/user');

//From Tutorial
var passport = require('passport');
var flash    = require('connect-flash');
var morgan       = require('morgan');
var cookieParser = require('cookie-parser');
var session      = require('express-session');
// configure app to use bodyParser()
// this will let us get the data from a POST
app.use(bodyParser());
app.use(cors());
//app.use(express.static(__dirname + '/public'));
var port = process.env.PORT || 8080;        // set our port
// ROUTES FOR OUR API
// =============================================================================

// more routes for our API will happen here
// REGISTER OUR ROUTES -------------------------------
//From tutorial
// set up our express application
require('./app/config/passport')(passport); // pass passport for configuration
app.use(morgan('dev')); // log every request to the console
app.use(cookieParser()); // read cookies (needed for auth)
app.use(bodyParser.json()); // get information from html forms
app.set('view engine', 'ejs'); // set up ejs for templating
app.use(session({ secret: 'ilovescotchscotchyscotchscotch' })); // session secret
app.use(passport.initialize());
app.use(passport.session()); // persistent login sessions
app.use(flash()); // use connect-flash for flash messages stored in session

require('./app/API/routes')(app, passport);
//require('./app/API/general');
// START THE SERVER
// =============================================================================
app.listen(port);
console.log('Magic happens on port ' + port);
//exports = module.exports = app;

我用一个棘手的解决方案解决了cors问题。首先用require "REQUEST" npm

app.get('/scrape', function (req, res) {
console.log("=============================Scrape =========================")
var url = req.body.url;
 request(url, function(error, response, html){
   if(!error){
    res.send(html)
    }
});

,在前端像这样使用

$http.get("/scrape", {
params: { "url": "http://localhost:8080/profile" }
});