快捷導(dǎo)航

Springboot跨域CORS處理實(shí)現(xiàn)原理

更新時(shí)間：2020年04月22日 11:13:59 作者：知識(shí)追尋者

這篇文章主要介紹了Springboot跨域CORS處理實(shí)現(xiàn)原理,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

一源(Origin)

源指URL的協(xié)議，域名，端口三部分組成，如果這個(gè)三個(gè)成分都相同，就判定是同源，否則為不同源。
同源策略（Same origin policy）是一種瀏覽器的約定，即在瀏覽器中禁止非同源訪問(wèn)。

二 CORS

CORS即"跨域資源共享"（Cross-origin resource sharing），是一個(gè)W3C標(biāo)準(zhǔn)。它允許瀏覽器向跨源服務(wù)器，發(fā)出XMLHttpRequest請(qǐng)求，從而克服了ajax只能同源使用的限制。springboot也提供了cors的解決方法。
下面將模擬瀏覽器跨域，并解決跨域問(wèn)題。

三 provider工程

provider工程提供了一個(gè)接口給外部訪問(wèn)，端口是8080。

/**
 * @Author lsc
 * @Description <p> cors </p>
 * @Date 2019/10/20 21:32
 * @Version 1.0
 */
@RestController
public class ProviderController {
  @GetMapping("youku1327")
  public String getUser(){
    System.out.println("---------");
    return "hello youku1327";
  }
}

四 consumer

consumer 提供訪問(wèn)頁(yè)面，跨域親求 provider接口，端口為8082。

控制層代碼：

/**
 * @Author lsc
 * @Description <p> </p>
 * @Date 2019/10/20 21:32
 * @Version 1.0
 */
@Controller
public class ComsumerController {

  @GetMapping("youku1327")
  public String getUser(){
    return "index";
  }
}

頁(yè)面代碼：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>cors-youku1327</title>
</head>
<body>
<script th:src="@{jquery-1.8.3.js}" type="text/javascript"></script>
<button id="button">獲得用戶</button>
<script>
  $("#button").click(function () {
    $.ajax({
      url: "http://localhost:8080/youku1327",
      type: "get",
      success:function (result) {
        console.log(result);
      }
    })
  });
</script>
</body>
</html>

五跨域問(wèn)題產(chǎn)生

兩個(gè)項(xiàng)目分別啟動(dòng)后，在流量器中訪問(wèn)consumer，報(bào)錯(cuò)如下，不存在允許訪問(wèn)的請(qǐng)求頭。

六解決方案

在provier實(shí)現(xiàn)WebMvcConfigurer接口，或者使用@CrossOrigin注解在方法上。

示例代碼：

/**
 * @Author lsc
 * @Description <p> </p>
 * @Date 2019/10/20 23:15
 * @Version 1.0
 */

@Configuration
public class WebConfig implements WebMvcConfigurer {

  @Override
  public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")
        .allowedOrigins("http://localhost:8082")
        .allowCredentials(true)
        .allowedMethods("GET", "POST", "DELETE", "PUT","PATCH")
        .allowedHeaders("*");
  }
}

頁(yè)面請(qǐng)求結(jié)果如下：

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

一文帶你看懂Android動(dòng)畫的實(shí)現(xiàn)原理
動(dòng)畫是 Android 應(yīng)用程序中重要的交互特性，ndroid 提供了多種動(dòng)畫效果，包括平移、縮放、旋轉(zhuǎn)和透明度等，它們可以通過(guò)代碼或 XML 來(lái)實(shí)現(xiàn)，本文將介紹 Android 動(dòng)畫的原理和實(shí)現(xiàn)方法，并提供一些示例,需要的朋友可以參考下
2023-07-07
Windows中在IDEA上安裝和使用JetBrains Mono字體的教程
這篇文章主要介紹了Windows IDEA上安裝和使用JetBrains Mono字體的教程，本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-03-03
Java由淺入深細(xì)數(shù)數(shù)組的操作下
數(shù)組對(duì)于每一門編程語(yǔ)言來(lái)說(shuō)都是重要的數(shù)據(jù)結(jié)構(gòu)之一，當(dāng)然不同語(yǔ)言對(duì)數(shù)組的實(shí)現(xiàn)及處理也不盡相同。Java?語(yǔ)言中提供的數(shù)組是用來(lái)存儲(chǔ)固定大小的同類型元素
2022-04-04
java線程池詳解及代碼介紹
這篇文章主要介紹了java中線程池的示例，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2021-08-08
java實(shí)現(xiàn)潛艇大戰(zhàn)游戲源碼
潛艇大戰(zhàn)游戲相信大家都玩過(guò)，是一款非常有趣的小游戲，那么基于代碼是如何實(shí)現(xiàn)的呢？今天小編給大家?guī)?lái)一篇教程幫助大家學(xué)習(xí)java實(shí)現(xiàn)潛艇大戰(zhàn)游戲，感謝的朋友一起看看吧
2021-06-06
Spring @Value的注解使用和原理解析
@Value注解在Spring開(kāi)發(fā)中是一個(gè)使用很頻繁的注解，在項(xiàng)目開(kāi)發(fā)中，我們通常需要讀取配置文件中的一些信息，當(dāng)然，@Value不單單能讀取配置文件，還能讀取系統(tǒng)屬性，還可以讀取其他bean的屬性，本章就來(lái)詳細(xì)介紹@Value注解的使用和對(duì)源碼進(jìn)行分析
2023-06-06
MyBatis?Mapper映射器的具體用法
映射器是MyBatis中最重要的文件,映射器由Java接口和XML文件共同組成,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-10-10
Spring事務(wù)管理原理及方法詳解
這篇文章主要介紹了Spring事務(wù)管理原理及方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-01-01
SWT JFace 小制作文本閱讀器
SWT JFace 小制作文本閱讀器
2009-06-06
Java讀取Oracle大字段數(shù)據(jù)（CLOB）的2種方法
這篇文章主要介紹了Java讀取Oracle大字段數(shù)據(jù)（CLOB）的2種方法,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04