快捷導(dǎo)航

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

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

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

一源(Origin)

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

二 CORS

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

三 provider工程

provider工程提供了一個(gè)接口給外部訪問，端口是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 提供訪問頁面，跨域親求 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";
  }
}

頁面代碼：

<!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>

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

兩個(gè)項(xiàng)目分別啟動(dòng)后，在流量器中訪問consumer，報(bào)錯(cuò)如下，不存在允許訪問的請(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("*");
  }
}

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

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

您可能感興趣的文章:

相關(guān)文章

JavaWeb實(shí)現(xiàn)RSA+AES混合加密
RSA+AES的混合加密時(shí),AES用于給傳輸?shù)臄?shù)據(jù)加密,然后通過RSA給AES的秘鑰加密,本文就來詳細(xì)的介紹一下如何實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
2023-10-10
springcloud pom.xml完整配置詳解
這篇文章主要介紹了springcloud pom.xml完整配置，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-12-12
Java中常用的設(shè)計(jì)模式之模板模式詳解
這篇文章主要為大家詳細(xì)介紹了Python實(shí)現(xiàn)學(xué)生成績(jī)管理系統(tǒng)，使用數(shù)據(jù)庫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
spring webflux自定義netty 參數(shù)解析
這篇文章主要介紹了spring webflux自定義netty 參數(shù)解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2021-09-09
優(yōu)化MyBatis配置文件中的配置詳解
這篇文章主要介紹了優(yōu)化MyBatis配置文件中的配置詳解，分享了相關(guān)代碼示例，小編覺得還是挺不錯(cuò)的，具有一定借鑒價(jià)值，需要的朋友可以參考下
2018-02-02
Josephus環(huán)的四種解法(約瑟夫環(huán))基于java詳解
這篇文章主要介紹了Josephus環(huán)的四種解法(約瑟夫環(huán))基于java詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
SpringBoot實(shí)現(xiàn)過濾敏感詞的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用SpringBoot實(shí)現(xiàn)過濾敏感詞功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手嘗試一下
2022-08-08
Java并發(fā)編程之創(chuàng)建線程
這篇文章主要介紹了Java并發(fā)編程中創(chuàng)建線程的方法，Java中如何創(chuàng)建線程，讓線程去執(zhí)行一個(gè)子任務(wù)，感興趣的小伙伴們可以參考一下
2016-02-02
Java面向?qū)ο笤O(shè)計(jì)原則之迪米特法則介紹
迪米特法則解決類與類之間耦合度問題，如果類A調(diào)用了B類的某一個(gè)方法，則這兩個(gè)類就形成了一種緊耦合的方式，當(dāng)B類這個(gè)方法發(fā)生變化時(shí)，一定會(huì)影響A類的執(zhí)行結(jié)果。迪米特法則要求每一個(gè)類盡可能少的與其他類發(fā)生關(guān)系
2023-02-02
Spring?Boot實(shí)現(xiàn)分布式任務(wù)調(diào)度的步驟
Spring?Boot提供了一些工具和框架，可以幫助我們輕松地實(shí)現(xiàn)分布式任務(wù)調(diào)度，在本文中我們將介紹如何使用Spring?Boot、Spring?Cloud、Quartz和Redis來實(shí)現(xiàn)分布式任務(wù)調(diào)度，感興趣的朋友跟隨小編一起看看吧
2023-06-06