带有 CORS 的跨域 POST 请求返回 access-control-allow-origin 丢失
Posted
技术标签:
【中文标题】带有 CORS 的跨域 POST 请求返回 access-control-allow-origin 丢失【英文标题】：Cross-domain POST request with CORS returns access-control-allow-origin is missing 【发布时间】：2021-12-05 18:12:03 【问题描述】：我想执行从 localhost 到 localhost:81 的跨域请求，但我经常丢失 CORS-Header'Access-Control-Allow-Origin'。但我已经在 postHere.php 中设置了标题。我也试过 header('Access-Control-Allow-Origin: *');它也不起作用？
postHere.php
<?php
switch ($_SERVER['HTTP_ORIGIN'])
case 'http://localhost':
case 'https://localhost':
header('Access-Control-Allow-Origin: ' . $_SERVER['HTTP_ORIGIN']);
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
break;
本地主机中的 html 文件，我想从中发送到本地主机：81
<html>
<head>
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<script>
$.ajax(
type: 'POST',
url: 'http://localhost:81/postHere.php',
crossDomain: true,
data: '"some":"json"',
dataType: 'json',
success: function(responseData, textStatus, jqXHR)
var value = responseData.someKey;
,
error: function (responseData, textStatus, errorThrown)
alert('POST failed.');
);
</script>
</body>
</html>【问题讨论】：
【参考方案1】：您应该在第二个来源上启用您的服务器（在您的情况下为localhost:81，尽管您可能应该使用8081）以允许跨域请求。检查 Mozilla 指南。
链接： https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS https://developer.mozilla.org/en-US/docs/Glossary/CORS
【讨论】：
以上是关于带有 CORS 的跨域 POST 请求返回 access-control-allow-origin 丢失的主要内容，如果未能解决你的问题，请参考以下文章
使用 Angular 和 NodeJs (CORS) 的跨域请求