同一网址上的 CORS 问题 [重复]

Posted

技术标签:

【中文标题】同一网址上的 CORS 问题 [重复]【英文标题】:CORS issue on same url [duplicate] 【发布时间】:2019-03-31 01:08:28 【问题描述】:

我有一个在 port 4200 上运行的 Angular 6 应用程序,该应用程序使用在端口 3000 上运行的 API。当我使用它时,这会导致 CORS 问题事件

app.use(function(req, res, next) 
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "*");
  if (req.method === 'OPTIONS')
    res.header('Access-Control-Allow-Methods', 'PUT, POST, PATCH, DELETE, GET' );
    return res.status(200).json()
  
  next();
);

在服务器端(来源:tuto youtube)。

然后我决定将我的 Angular 应用程序移动到节点应用程序中。我在添加 Angular 时将其放入节点公共文件中:app.use(express.static('public'));

app.get('/', function(req, res)
  res.sendFile('./public/index.html');
);

我的nodejs 应用程序。现在我的 Angular 6 应用程序在节点服务器上运行,localhost:3000。但我仍然有 CORS 问题。 这是屏幕:

我知道有很多关于这个问题的教程,但是我尝试了很多都没有成功。我该如何处理这种情况? 提前致谢。

【问题讨论】:

你在使用 express.js 吗? @SarthakAggarwal 是的。 【参考方案1】:

问题是你的网址不包含“http”

【讨论】:

以上是关于同一网址上的 CORS 问题 [重复]的主要内容,如果未能解决你的问题,请参考以下文章

同一域 Ajax/PHP 上的 CORS 问题

托管在同一台服务器上的 Django 和 React 的 CORS 问题

CORS 允许所有在同一服务器上的不同端口在 JAVA 中

在 Firebase 上提供的 Angular 上的 CORS 锁定 HTTP 请求到 Elasticsearch 服务器 [重复]

CORS 的问题:浏览器和 CURL 工作,但 XMLHttpRequest 不 [重复]

当我的 xmlhttprequest 被 CORS 阻止时,我如何连接 api [重复]