最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

SpringBoot前后端分離解決跨域問(wèn)題的3種解決方案總結(jié)

 更新時(shí)間:2022年05月09日 09:21:24   作者:扎哇太棗糕  
前后端分離大勢(shì)所趨,跨域問(wèn)題更是老生常談,下面這篇文章主要給大家介紹了SpringBoot前后端分離解決跨域問(wèn)題的3種解決方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下

??什么是跨域

想要知道什么是跨域的話,我們可以通過(guò)一個(gè)小案例簡(jiǎn)單了解一下跨域的概念:在項(xiàng)目代碼編寫的時(shí)候,我們將前端項(xiàng)目代碼和后端的項(xiàng)目代碼相分離開,一個(gè)運(yùn)行在本地的8080端口一個(gè)運(yùn)行在本地的8888端口,這也就是我們常說(shuō)的前后端分離項(xiàng)目?,F(xiàn)在使用前端的請(qǐng)求去調(diào)用后端的接口,就會(huì)產(chǎn)生以下的錯(cuò)誤

Access to XMLHttpRequest at 'http://localhost:8888/請(qǐng)求名' 
from origin ‘http://localhost:8080’ has been blocked by 
CORS policy: No ‘Access-Control-Allow-Origin’ 
header is present on the request resource.

錯(cuò)誤原因:基于瀏覽器的保護(hù)機(jī)制,當(dāng)請(qǐng)求中缺少了一些http頭信息時(shí),讀取響應(yīng)的操作就會(huì)被阻止。出現(xiàn)這個(gè)問(wèn)題并不是說(shuō)后端沒(méi)有接收到前端發(fā)送過(guò)來(lái)的請(qǐng)求,相反后端接收請(qǐng)求并且將響應(yīng)信息返回給了前端,但是返回的響應(yīng)信息被前端瀏覽器所攔截了。

這個(gè)保護(hù)機(jī)制就是瀏覽器的一種重要的安全策略——同源策略,該策略可以限制不同源之間的交互行為,從而有效避免一些瀏覽器層面的攻擊。所謂的同源就是指url中的協(xié)議、域名、端口三個(gè)都相同。反觀案例的url前端http://localhost:8080請(qǐng)求http://localhost:8888/請(qǐng)求名,協(xié)議和域名都相等但是端口卻不一樣導(dǎo)致兩個(gè)是不同源,不同源的話就會(huì)產(chǎn)生跨域問(wèn)題。

??跨域問(wèn)題的解決策略

CROS(Cross Origin Resource Sharing)策略,全稱為跨域資源共享策略,是后端用來(lái)解決跨域問(wèn)題的一個(gè)方案(當(dāng)然前端也有解決跨域問(wèn)題的對(duì)應(yīng)方案),拋開底層具體的解決原理不說(shuō),今天就學(xué)習(xí)一下如何借助該策略實(shí)現(xiàn)跨域問(wèn)題的解決。

??三種解決方法

第一種也是最簡(jiǎn)單但不常用的一種,只需要在后端接口方法上添加 @CrossOrigin 注解,即可解決對(duì)這個(gè)接口方法的請(qǐng)求跨域問(wèn)題,但是在實(shí)際開發(fā)中一般都會(huì)有很多的方法,在每一個(gè)方法上都添加這個(gè)注解的話明顯就會(huì)很影響使用感受。當(dāng)然還可以將注解添加到類上,表示類中的所有方法都解決了跨域問(wèn)題,但是類也不止一個(gè)還是麻煩。

@CrossOrigin
@GetMapping("/請(qǐng)求名")
public String sayHello() {
    return "hello world !";
}

第二種就是使用過(guò)濾器統(tǒng)一處理

// 對(duì)比著看,包千萬(wàn)別導(dǎo)錯(cuò)了
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CorsConfig {
    
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // 使用通配符* 允許所有的域請(qǐng)求
        corsConfiguration.addAllowedOrigin("*");
        // 使用通配符* 允許所有請(qǐng)求頭字段
        corsConfiguration.addAllowedHeader("*");
        // 使用通配符* 允許所有請(qǐng)求頭方法類型
        corsConfiguration.addAllowedMethod("*");

        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        // 處理請(qǐng)求映射
        source.registerCorsConfiguration("/**", corsConfiguration);
        
        return new CorsFilter(source);
    }
}

第三種就是使用WebMvc的配置類

// 對(duì)比著看,包千萬(wàn)別導(dǎo)錯(cuò)了
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")      // 設(shè)置映射
                .allowedOriginPatterns("*")        // 設(shè)置域
                .allowedMethods("*")               // 設(shè)置請(qǐng)求的方式GET、POST等
                .allowCredentials(true)            // 設(shè)置是否攜帶cookie
                .maxAge(3600)                      // 設(shè)置設(shè)置的有效期 秒單位
                .allowedHeaders("*");              // 設(shè)置頭
    }
}

總結(jié)

到此這篇關(guān)于SpringBoot前后端分離解決跨域問(wèn)題的3種解決方案的文章就介紹到這了,更多相關(guān)SpringBoot前后端分離跨域問(wèn)題內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • SimpleDateFormat格式化日期問(wèn)題

    SimpleDateFormat格式化日期問(wèn)題

    這篇文章主要介紹了SimpleDateFormat格式化日期問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2024-06-06
  • 一文詳解如何使用Java來(lái)發(fā)送qq郵箱郵件

    一文詳解如何使用Java來(lái)發(fā)送qq郵箱郵件

    這篇文章主要給大家介紹了關(guān)于如何使用Java來(lái)發(fā)送qq郵箱郵件的相關(guān)資料,文中降了準(zhǔn)備工作(開啟服務(wù)并生成授權(quán)碼)、接口調(diào)用(引入依賴和編寫接口代碼)、發(fā)送HTML格式郵件等內(nèi)容,需要的朋友可以參考下
    2024-12-12
  • 淺談Spring中HandlerMapping的使用

    淺談Spring中HandlerMapping的使用

    這篇文章主要介紹了淺談Spring中HandlerMapping的使用,Spingmvc中的HandlerMapping負(fù)責(zé)解析請(qǐng)求URL,對(duì)應(yīng)到Handler進(jìn)行處理,這里的Handler一般為Controller里的一個(gè)方法method,也可以為servlet或者Controller等,需要的朋友可以參考下
    2023-08-08
  • Java定位問(wèn)題線程解析

    Java定位問(wèn)題線程解析

    這篇文章主要介紹了Java定位問(wèn)題線程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-11-11
  • SpringMVC中@RequestMapping注解的實(shí)現(xiàn)

    SpringMVC中@RequestMapping注解的實(shí)現(xiàn)

    RequestMapping是一個(gè)用來(lái)處理請(qǐng)求地址映射的注解,本文主要介紹了SpringMVC中@RequestMapping注解的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下
    2024-01-01
  • spring retry 配置及使用教程

    spring retry 配置及使用教程

    這篇文章主要介紹了spring retry 配置及使用教程,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2024-01-01
  • Scala實(shí)現(xiàn)冒泡排序、歸并排序和快速排序的示例代碼

    Scala實(shí)現(xiàn)冒泡排序、歸并排序和快速排序的示例代碼

    這篇文章主要介紹了Scala實(shí)現(xiàn)冒泡排序、歸并排序和快速排序的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-06-06
  • 使用maven編譯Java項(xiàng)目實(shí)例

    使用maven編譯Java項(xiàng)目實(shí)例

    這篇文章主要介紹了使用maven編譯Java項(xiàng)目實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,,需要的朋友可以參考下
    2019-06-06
  • aop注解方式實(shí)現(xiàn)全局日志管理方法

    aop注解方式實(shí)現(xiàn)全局日志管理方法

    下面小編就為大家分享一篇aop注解方式實(shí)現(xiàn)全局日志管理方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-01
  • Spring @async方法如何添加注解實(shí)現(xiàn)異步調(diào)用

    Spring @async方法如何添加注解實(shí)現(xiàn)異步調(diào)用

    這篇文章主要介紹了Spring @async方法如何添加注解實(shí)現(xiàn)異步調(diào)用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2020-01-01

最新評(píng)論

贵溪市| 台北市| 福泉市| 望城县| 石林| 通化市| 资源县| 黄石市| 石首市| 深圳市| 汤阴县| 湖南省| 黄平县| 金堂县| 天长市| 油尖旺区| 墨玉县| 夹江县| 文登市| 桦川县| 剑川县| 文化| 山丹县| 扶余县| 新沂市| 陆良县| 长兴县| 栖霞市| 沧州市| 金堂县| 辉南县| 天峨县| 高雄市| 保靖县| 乐平市| 丰顺县| 南城县| 中方县| 通城县| 南阳市| 泗水县|