Javascript Wordpress站点请求的资源上不存在“访问控制允许来源”标题
我有一个MVC应用程序,在我的一个页面上我正在使用jQuery。去我们公司的Wordpress网站,检索要发布在我的查看页面上的信息。这适用于IE 11,但不适用于Chrome或Edge 这是我的剧本:Javascript Wordpress站点请求的资源上不存在“访问控制允许来源”标题,javascript,jquery,wordpress,google-chrome,microsoft-edge,Javascript,Jquery,Wordpress,Google Chrome,Microsoft Edge,我有一个MVC应用程序,在我的一个页面上我正在使用jQuery。去我们公司的Wordpress网站,检索要发布在我的查看页面上的信息。这适用于IE 11,但不适用于Chrome或Edge 这是我的剧本: <script> $.get("https://ourcompany.com/feed/", function (data) { var $XML = $(data); $XML.find("item").each(function (inde
<script>
$.get("https://ourcompany.com/feed/", function (data) {
var $XML = $(data);
$XML.find("item").each(function (index) {
var $this = $(this),
item = {
title: $this.find("title").text(),
link: $this.find("link").text(),
pubDate: $this.find("pubDate").text(),
author: $this.find("author").text(),
};
if (index == 0)
$('#Feed').append($('<h4/>').addClass('header').text(item.title));
else
$('#Feed').append($('<h4/>').addClass('following-headers').addClass('header').text(item.title));
$('#Feed').append($('<a target="_blank" href="' + item.link + '"/>').text("Get the full story here!"));
if (index >= 2)
$('#Feed').append($('<p/>').css({ "margin-top": "10px" }).text("Published on " + item.pubDate.split("+")[0]));
else
$('#Feed').append($('<p/>').css({ "margin-top": "10px" }).addClass('lastParagraph').text("Published on: " + item.pubDate.split("+")[0]));
if (index >= 2)
return false;
});
});
</script>
我已经将我的MVC项目发布到我们公司的Web服务器上,当我打开运行此脚本的页面时。。我在Chrome中检查控制台,看到以下内容:
加载失败:请求的资源上不存在“Access Control Allow Origin”标头。因此,不允许“源”访问
这在IE而不是Chrome和Edge中是如何工作的?我如何让它在Chrome和Edge中工作
这不是复制品,因为我没有用邮递员。。我通过为我的wordpress站点安装插件解决了这个问题。可以在functions.php中的wordpress中启用CORS:
function add_cors_http_header(){
header("Access-Control-Allow-Origin: *");
}
add_action('init','add_cors_http_header');
其中*可以保留为通配符或设置为多个域。设置多个域的有趣方法如下:
我相信这是我最近遇到类似CORS问题时的原始来源:@Taplar,但它在IE?@GTown Coder中工作,因为IE不太安全,无法实现跨站点脚本保护。@KarlReid那么我需要做些什么来修复此问题?我可以在Wordpress中修复此问题的可能副本。必须安装一个允许CORS的插件。