Question

我正在使用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;

Answer 1

我用棘手的解决方案解决了cors问题。首先创建这样的刮擦路线，需要“请求”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" }
});

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

1 个答案: