从 angularjs 连接到 expressjs 应用程序

Posted 2023-03-10

【中文标题】从 angularjs 连接到 expressjs 应用程序

【英文标题】：connecting to expressjs app from angularjs

【发布时间】：2016-01-08 11:23:00

【问题描述】：

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

Express 应用中的 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（冲突）

【问题讨论】：

几乎有 100 个问题问的问题基本相同：***.com/…。这些都没有帮助吗？

How to allow CORS in Express/Node.js?的可能重复

【参考方案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);

【讨论】：

当我尝试使用您提到的代码时，我收到以下错误。发布localhost:3000/signup 409（冲突）

你能展示更多你的代码吗？因为上面的代码可以正常工作，我认为你的其他代码有问题。