在Heroku上的Django应用程序中启用CORS
我正在尝试使用django-cors-middleware在我托管在Heroku上的基于Django的API中实现跨域资源共享。我遵循了settings.py中指定的设置，即：
INSTALLED_APPS = [
...
'corsheaders',
]
MIDDLEWARE_CLASSES = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'corsheaders.middleware.CorsMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
]
CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_CREDENTIALS = True(我之所以展示'django.middleware.clickjacking.XFrameOptionsMiddleware'，是因为我在另一篇文章中读到，django-cors-middleware不能与clickjacking中间件一起工作，但这两种方式似乎都不能工作。)
我正在使用https://resttesttest.com进行测试。当我发出请求时，它会输出：Oh no! Javascript returned an HTTP 0 error. One common reason this might happen is that you requested a cross-domain resource from a server that did not include the appropriate CORS headers in the response
回答 1
Stack Overflow用户
发布于 2017-01-05 14:43:59
@ChirdeepTomar，是的，在本地测试时这是有效的。我不知道为什么它在resttesttest.com上不起作用。有一个非常棒的小程序，可以在本地测试CORS，我发现了here，为了方便起见，我复制了下面的内容：
<html>
<head>
<title>Test for CORS</title>
<script type="text/javascript">
function testcors(url){
var createCORSRequest = function(method, url) {
var xhr = new XMLHttpRequest();
if ("withCredentials" in xhr) {
xhr.open(method, url, true);
}
else if (typeof XDomainRequest != "undefined") {
xhr = new XDomainRequest();
xhr.open(method, url);
}
else {
xhr = null;
}
return xhr;
};
var method = 'GET';
var xhr = createCORSRequest(method, url);
xhr.onload = function() {
thendothis(true); //success
};
xhr.onerror = function() { // Error code goes here.
thendothis(false);
};
xhr.send();
return iscors;
}
function thendothis(iscors){
var resptxt = "No";
if (iscors) { resptxt = "Yes"; }
document.getElementById("res").innerHTML = resptxt;
}
function runtest(frm){
testcors(frm.url.value);
}
</script>
</head>
<body>
<form>
URL: <input type="text" name="url" id="url" style="width:500px" /></br>
<input type="button" value="Test if CORS" onclick="runtest(this.form)" />
</form>
<div>URL is CORS: <span id="res"></span></div>
</body>
</html> https://stackoverflow.com/questions/41476242
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号