golang實現(xiàn)跨域訪問的方法

發(fā)布時間：2020-09-14 16:22:13 來源：腳本之家閱讀：301 作者：benben_2015 欄目：編程語言

前端通過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>
  <h3>cross origin</h3>
  <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實現(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í)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

golang實現(xiàn)跨域訪問的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽