快捷導(dǎo)航

springboot解決使用localhost或127.0.01模擬CORS失效

更新時間：2024年07月30日 09:49:29 作者：成為大佬先禿頭

CORS允許不同源的網(wǎng)頁請求訪問另一個源服務(wù)器上的某些資源,本文主要介紹了springboot解決使用localhost或127.0.01模擬CORS失效,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

前言

CORS (Cross-Origin Resource Sharing) 指的是一種機制，它允許不同源的網(wǎng)頁請求訪問另一個源服務(wù)器上的某些資源。通常情況下，如果 JavaScript 代碼在一個源中發(fā)起了 AJAX 請求，那么該請求只能訪問同源的資源，而不能訪問其他源的資源。這是由于瀏覽器的同源策略所限制的。

CORS（Cross-Origin Resource Sharing）規(guī)范將跨域請求分為簡單請求和復(fù)雜請求兩種類型。

簡單請求（Simple Request）：

請求方法限制為 GET、POST、HEAD。
允許的請求頭字段為：Accept、Accept-Language、Content-Language、Content-Type（僅限于以下幾個值：application/x-www-form-urlencoded、multipart/form-data、text/plain）。
不允許使用自定義的請求頭字段。

簡單請求滿足上述要求時，瀏覽器會自動發(fā)送跨域請求，并且不會在正式請求之前發(fā)送預(yù)檢請求（OPTIONS 請求）。服務(wù)器只需在響應(yīng)中添加 Access-Control-Allow-Origin 頭字段，指定允許訪問的來源，即可完成跨域訪問。

復(fù)雜請求（Preflighted Request）：

使用非簡單請求方法（如PUT、DELETE等）。
使用自定義的請求頭字段。
Content-Type 的值為 application/json 之類的復(fù)雜 MIME 類型。

復(fù)雜請求不滿足簡單請求的要求時，瀏覽器會先發(fā)送預(yù)檢請求（OPTIONS 請求），以征詢服務(wù)器是否允許實際請求。服務(wù)器需要在預(yù)檢請求和實際請求的響應(yīng)中添加一系列的頭字段，包括 Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Allow-Headers 等，來指定允許訪問的來源、允許使用的方法、允許使用的請求頭字段等信息。

問題發(fā)現(xiàn)

在學(xué)習(xí)spring內(nèi)容時，有介紹CORS，按照示例代碼編寫后，運行發(fā)現(xiàn)能請求成功，操作如下：

示例代碼：

@Controller
public class MyController {
    @GetMapping("/index")
    @CrossOrigin(origins = "http://127.0.0.1")
    public ResponseEntity<String> index(){
        return ResponseEntity.ok().body("index");
    }
}

請求：

在這里插入圖片描述

使用127.0.0.1，發(fā)現(xiàn)能正常返回接口，按照網(wǎng)上說法，localhost和127.0.0.1不屬于同源。

同源是指在以下三個方面完全相同的情況下，兩個網(wǎng)頁才被認(rèn)為是同源的：
協(xié)議（Protocol）：兩個網(wǎng)頁的協(xié)議必須相同，如都是使用 HTTP 或 HTTPS。
域名（Domain）：兩個網(wǎng)頁的域名必須相同，包括子域名。例如，www.example.com 和 api.example.com 是不同的域名。
端口號（Port）：如果指定了端口號，則兩個網(wǎng)頁的端口號必須相同。如果沒有指定端口號，默認(rèn)使用 80（HTTP）或 443（HTTPS）。
只有當(dāng)上述三個條件都滿足時，兩個網(wǎng)頁才被認(rèn)為是同源的，瀏覽器會將它們視為同一個應(yīng)用程序，允許它們之間進行相互通信和資源共享。

跨域是指在不滿足同源策略的情況下，從一個域名的網(wǎng)頁向另一個域名的網(wǎng)頁發(fā)起請求。由于瀏覽器的安全策略限制，跨域請求通常是被禁止的，除非目標(biāo)服務(wù)器明確允許跨域請求。在跨域請求中，瀏覽器會發(fā)送預(yù)檢請求（OPTIONS 請求），以確定是否允許跨域訪問。