Node+Express的跨域访问控制问题：Access-Control-Allow-Origin

最新推荐文章于 2025-06-19 21:20:32 发布

Jancy1072

最新推荐文章于 2025-06-19 21:20:32 发布

阅读量1.5w

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签：跨域 node

本文链接：https://blog.youkuaiyun.com/shelly1072/article/details/55003178

前端开发专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一种使用Node.js和Express解决Ajax跨域问题的方法。通过设置Access-Control-Allow-Origin等HTTP头部信息，使得不同源之间的请求能够成功进行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目A通过Ajax访问项目B的接口，获取json数据，项目B采用Node+Express技术栈。项目A可能遇到跨域访问控制问题。

报错如下：
XMLHttpRequest cannot load http://127.0.0.1:3000/news/latest. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.

方案：解决代码如下：

var express = require('express');
var app = express();
//设置跨域访问
app.all('*', function(req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "X-Requested-With");
    res.header("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    res.header("X-Powered-By",' 3.2.1')
    res.header("Content-Type", "application/json;charset=utf-8");
    next();
});
app.use('/', index);
app.listen(3000);
console.log('Listening on port 3000...');