跨域請求被阻止

Question

所以我已經有了這個Go http處理程序，它將一些POST內容存儲到數據存儲中，並在響應中檢索其他一些信息。在後端使用：

func handleMessageQueue(w http.ResponseWriter, r *http.Request) { 
    w.Header().Set("Access-Control-Allow-Origin", "*") 
    if r.Method == "POST" { 

     c := appengine.NewContext(r) 

     body, _ := ioutil.ReadAll(r.Body) 

     auth := string(body[:]) 
     r.Body.Close() 
     q := datastore.NewQuery("Message").Order("-Date") 

     var msg []Message 
     key, err := q.GetAll(c, &msg) 

     if err != nil { 
      c.Errorf("fetching msg: %v", err) 
      return 
     } 

     w.Header().Set("Content-Type", "application/json") 
     jsonMsg, err := json.Marshal(msg) 
     msgstr := string(jsonMsg) 
     fmt.Fprint(w, msgstr) 
     return 
    } 
} 

在我的Firefox OS的應用程序使用：

var message = "content"; 

request = new XMLHttpRequest(); 
request.open('POST', 'http://localhost:8080/msgs', true); 

request.onload = function() { 
    if (request.status >= 200 && request.status < 400) { 
     // Success! 
     data = JSON.parse(request.responseText); 
     console.log(data); 
    } else { 
     // We reached our target server, but it returned an error 
     console.log("server error"); 
    } 
}; 

request.onerror = function() { 
    // There was a connection error of some sort 
    console.log("connection error"); 
}; 

request.send(message); 

傳入部分的所有作品一起和這樣。但是，我的回覆被阻止。給我以下信息：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8080/msgs. This can be fixed by moving the resource to the same domain or enabling CORS. 

我嘗試了很多其他的事情，但沒有辦法，我只能從服務器得到響應。但是，當我將Go POST方法更改爲GET並通過瀏覽器訪問該頁面時，我得到了我想要的那麼糟糕的數據。我無法確定哪一方出了問題，爲什麼：Go可能不應該阻止這類請求，但也可能是因爲我的JavaScript是非法的。

Answer 1

@Egidius，創建一個XMLHttpRequest時，你應該使用

var xhr = new XMLHttpRequest({mozSystem: true}); 

什麼是mozSystem？

mozSystem布爾型：將此標誌設置爲true允許進行跨站點連接，而不要求服務器使用CORS選擇加入。需要設置mozAnon：true，即這不能與發送cookie或其他用戶憑證相結合。這隻適用於特權（審查）的應用程序;它不適用於在Firefox中加載的任意網頁。

更改您的清單

在您的清單，不要忘了，包括您的權限這一行：

"permissions": { 
     "systemXHR" : {}, 
} 

Answer 2

您需要其他標題，而​​不僅僅是訪問控制允許來源。 如果您的請求具有「Access-Control-Allow-Origin」標頭，則必須將其複製到響應標頭中。如果不是，則必須檢查「Origin」標頭並將其複製到響應中。如果您的請求沒有Access-Control-Allow-Origin而不是Origin頭，則必須返回「*」。

你可以在這裏閱讀完整的解釋：http://www.html5rocks.com/en/tutorials/cors/#toc-adding-cors-support-to-the-server

，這是我用寫跨域頭功能：

func writeCrossDomainHeaders(w http.ResponseWriter, req *http.Request) { 
    // Cross domain headers 
    if acrh, ok := req.Header["Access-Control-Request-Headers"]; ok { 
     w.Header().Set("Access-Control-Allow-Headers", acrh[0]) 
    } 
    w.Header().Set("Access-Control-Allow-Credentials", "True") 
    if acao, ok := req.Header["Access-Control-Allow-Origin"]; ok { 
     w.Header().Set("Access-Control-Allow-Origin", acao[0]) 
    } else { 
     if _, oko := req.Header["Origin"]; oko { 
      w.Header().Set("Access-Control-Allow-Origin", req.Header["Origin"][0]) 
     } else { 
      w.Header().Set("Access-Control-Allow-Origin", "*") 
     } 
    } 
    w.Header().Set("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE") 
    w.Header().Set("Connection", "Close") 

} 

Answer 3

ERROR : Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at the url. This can be fixed by moving the resource to the same domain or enabling CORS. 

解決方案：

我找到解決方案cross-origin request bolcked "solved"

如果您正在使用的網絡項目，並希望從不同的站點獲取數據， 有時你會得到這樣的錯誤類型 ，那麼你必須使用使用的htaccess的服務服務器的根文件夾（不接收服務器文件）

更新代碼

<FilesMatch "\.(php)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

如果你是那麼一個WordPress的開發者下面的代碼更新：

# BEGIN WordPress 
<IfModule mod_rewrite.c> 
RewriteEngine On 
RewriteBase/
RewriteRule ^index\.php$ - [L] 
RewriteCond %{REQUEST_FILENAME} !-f 
RewriteCond %{REQUEST_FILENAME} !-d 
RewriteRule . /index.php [L] 
</IfModule> 

<FilesMatch "\.(php)$"> 
    <IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
    </IfModule> 
</FilesMatch> 

# END WordPress 

謝謝:)快樂編碼：