的Javascript在Django應用程序沒有呈現在Heroku

部署在Heroku上一個Django應用程序，並經過我的主頁，每一頁後，不會使託管在亞馬遜S3的JavaScript文件，但打開控制檯檢查元素時，它好像一切正在加載罰款。我的HTML文件的標題是低於的Javascript在Django應用程序沒有呈現在Heroku

#questions.html 
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/QandA.css"> 
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Button.css"> 
<script src="https://s3.amazonaws.com/mrt-assets/static/js/prefixfree.min.js"></script> 
<script src="https://s3.amazonaws.com/mrt-assets/static/js/index.js"></script> 
<script src="https://s3.amazonaws.com/mrt-assets/static/js/qanda.js"></script>

該文件清楚地工作，但所有彈出窗口已打開時，我加載頁面。

的唯一錯誤此

2XMLHttpRequest cannot load https://s3.amazonaws.com/mrt-assets/static/css/QandA.css. Origin http://warm-oasis-9454.herokuapp.com is not allowed by Access-Control-Allow-Origin.

2XMLHttpRequest不能加載https://s3.amazonaws.com/mrt-assets/static/css/Button.css。 Access-Control-Allow-Origin不允許原產地http://warm-oasis-9454.herokuapp.com。

有人幫我解決嗎？

編輯：

這裏是一個工作頁面，該指數

#index.html 
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Index.css"> 
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/mrt-assets/static/css/Button.css"> 
<script src="https://s3.amazonaws.com/mrt-assets/static/js/prefixfree.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="https://s3.amazonaws.com/mrt-assets/static/js/index.js"></script>

而且，這裏是我的CORS我的S3存儲

<?xml version="1.0" encoding="UTF-8"?> 
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/"> 
    <CORSRule> 
     <AllowedOrigin> 
      testsite.com 
     </AllowedOrigin> 
     <AllowedMethod>PUT</AllowedMethod> 
     <AllowedMethod>POST</AllowedMethod> 
     <AllowedMethod>DELETE</AllowedMethod> 
     <AllowedHeader>*</AllowedHeader> 
    </CORSRule> 
    <CORSRule> 
     <AllowedOrigin>*</AllowedOrigin> 
     <AllowedMethod>GET</AllowedMethod> 
     <AllowedMethod>PUT</AllowedMethod> 
    </CORSRule> 
</CORSConfiguration>

要求這是任何更多的幫助？

來源

2012-11-04 Chris Yin

想通了，所有我需要做的是扭轉JavaScript文件的順序和在HTML頁面的CSS文件。

來源

2012-11-04 21:33:33

你需要讓你的S3存儲跨源資源共享（CORS），其中亞馬遜（謝天謝地）最近加入。這裏的文檔：http://docs.amazonwebservices.com/AmazonS3/latest/dev/cors.html和這裏http://docs.amazonwebservices.com/AmazonS3/latest/UG/EditingBucketPermissions.html

來源

2012-11-04 04:17:48

確定。去了亞馬遜CORS文件，複製他們的榜樣CORS配置，改變了URL， GET和PUSH和我鬥中保存的配置。 Javascript仍然無法正常工作，爲什麼？ –

@ChrisYin'不工作'不是問題描述。它拋出什麼錯誤？ – Daedalus

對不起。所以JavaScript文件不是呈現，JavaScript文件中的下拉按鈕在第一次呈現頁面時全部打開，而不是當您按下按鈕時。主頁中引用的按鈕工作正常，但之後沒有任何頁面。這有幫助嗎？ –

的Javascript在Django應用程序沒有呈現在Heroku

回答

相關問題