1

我正在尝试使用 angularjs 作为前端并使用 express js 构建一个应用程序。我使用 yeoman 构建了这两个项目,我的 angular 应用程序在 localhost:9000 上运行,我的 express 应用程序在 localhost:3000 上运行。当我尝试从 Angular 与 Express js 应用程序交谈时,我收到了一个跨域请求,有没有办法解决这个问题。

Express App 中的 app.js

var routes = require('./routes/signup')(app); //This is the extra line

app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "{GRUNT_SERVER}");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
res.header("Access-Control-Allow-Credentials", "true");
next();
});

app.get('/', function(req, res) {
res.json({ message: 'hooray! welcome to our api!' });
});

angularjs 应用程序中的 app.js

$httpProvider.defaults.useXDomain = true;
delete $httpProvider.defaults.headers.common['X-Requested-With'];
$httpProvider.defaults.withCredentials = true;

错误

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:9000' is therefore not allowed access. 
The response had HTTP status code 409.

编辑

这是我添加到 app.js 文件中的代码:

// allow CORS:
app.use(function (req, res, next) {
 res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8000');
 next();
});

这也会引发与以前相同的错误(“请求的资源上不存在‘Access-Control-Allow-Origin’标头。”)。

编辑

使用后

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

app.use(cors());

这是抛出 POST localhost:3000/signup 409 (冲突)

4

1 回答 1

1

使用 npm cors - https://github.com/expressjs/cors允许 cors 请求。

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

app.use(cors());

app.get('/', function(req, res) {
res.json({ message: 'hooray! welcome to our api!' });
});

app.listen(3000);
于 2015-10-10T22:23:36.583 回答