gpt4 book ai didi

javascript - 向外部站点提供 javascript 文件时没有 'Access-Control-Allow-Origin'

转载 作者:行者123 更新时间:2023-11-28 01:17:11 26 4
gpt4 key购买 nike

我的站点提供了一个 javascript 文件,用户可以将其包含在他们的站点中。这个 javascript 文件依次调用我的应用程序端点并获取一些内容,然后将这些内容输入到用户的 div

这是JS的代码

(function(){
$(document).ready(function(){
var test = $('#FooBar');
var id = test.data('id');
$.get('http://example.com/serve/'+id, function(data){
test.html(data);
});
});
})();

但是当用户在自己的站点上引用这个 JS 文件时,他们会得到以下错误:

XMLHttpRequest cannot load http://example.com/serve/qeFz7TvGlg. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access.

这是我创建的用于测试的示例 HTML

<!doctype html>
<html>
<body>
<div id="FooBar" data-id="qeFz7TvGlg"></div>
<script src="https://code.jquery.com/jquery-2.2.0.min.js"></script>
<script src="http://example.com/scripts/myjsfile.js"></script>
</body>
</html>

最佳答案

您的服务器需要指定 Access-Control-Allow-Origin header (可能是 *,意思是“全部”)。这叫做 CORS .

举一个简单的例子,在 node.js 中你可以这样做:

app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");

编辑

由于您的服务器在 Grails 中,请查看 this question关于如何启用 CORS。

关于javascript - 向外部站点提供 javascript 文件时没有 'Access-Control-Allow-Origin',我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35282565/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com