前端通過Ajax來獲取服務(wù)器資源時，會存在跨域問題。因為Ajax只能同源使用（預(yù)防某些惡意行為），所以當(dāng)訪問不在同一個域中的資源時，就會出現(xiàn)跨域限制。尤其在開發(fā)和測試時，跨域問題會給前端測試帶來非常不便。
不過CORS（Cross-Origin Resource Sharing，跨域資源共享）解決了這個問題，它背后的基本思想是：使用自定義的HTTP頭部讓瀏覽器與服務(wù)器進(jìn)行溝通，從而決定請求或響應(yīng)是否應(yīng)該成功。CORS需要瀏覽器和服務(wù)器同時支持。整個CORS通信過程，瀏覽器是自動完成，而服務(wù)器需要手動配置。
ajax.html
!doctype html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
script>
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "http://127.0.0.1:8000/ajax", true);
xmlhttp.send();
}
/script>
title>Document/title>
/head>
body>
h2>cross origin/h2>
button type="button" onclick="loadXMLDoc()">請求數(shù)據(jù)/button>
div id="myDiv">/div>
/body>
/html>
crossorigin.go
package main
import (
"net/http"
"html/template"
"fmt"
"encoding/json"
)
type Message struct {
Name string `json:"name"`
Msg string `json:"msg"`
}
func main() {
http.HandleFunc("/", Entrance)
http.HandleFunc("/ajax", TestCrossOrigin)
http.ListenAndServe(":8000", nil)
}
func Entrance(w http.ResponseWriter, r *http.Request) {
t,_:=template.ParseFiles("templates/ajax.html")
t.Execute(w, nil)
}
func TestCrossOrigin(w http.ResponseWriter, r *http.Request) {
if r.Method == "GET" {
var message Message
message.Name = "benben_2015"
message.Msg = "success"
result, err := json.Marshal(message)
if err != nil {
fmt.Println(err)
return
}
ResponseWithOrigin(w, r, http.StatusOK, result)
return
}
}
func ResponseWithOrigin(w http.ResponseWriter, r *http.Request, code int, json []byte) {
w.Header().Set("Content-Type", "application/json; charset=utf-8")
w.WriteHeader(code)
w.Write(json)
}
當(dāng)從 http://localhost:8000/ 頁面(ajax.html)通過ajax訪問 http://localhost:8000/ajax 時，就會出現(xiàn)下圖所示的錯誤：
解決方法: golang設(shè)置HTTP頭部相當(dāng)簡單，標(biāo)準(zhǔn)包有現(xiàn)成的方法可以使用。只要在服務(wù)器端的響應(yīng)頭中添加下面一句代碼就可以正常訪問了。
w.Header().Set("Access-Control-Allow-Origin", "*")
//"*"表示接受任意域名的請求，這個值也可以根據(jù)自己需要，設(shè)置成不同域名
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
