跨域資源共享(CORS)是前后端分離項目很常見的問題，本文主要介紹當(dāng)SpringBoot應(yīng)用整合SpringSecurity以后如何解決該問題。

01 什么是跨域問題？

CORS全稱Cross-Origin Resource Sharing，意為跨域資源共享。當(dāng)一個資源去訪問另一個不同域名或者同域名不同端口的資源時，就會發(fā)出跨域請求。如果此時另一個資源不允許其進行跨域資源訪問，那么訪問的那個資源就會遇到跨域問題。

02 跨域問題演示及解決

我們使用mall項目的源代碼來演示一下跨域問題。此時前端代碼運行在8090端口上，后端代碼運行在8080端口上，由于其域名都是localhost，但是前端和后端運行端口不一致，此時前端訪問后端接口時，就會產(chǎn)生跨域問題。

2.1 點擊前端登錄按鈕

此時發(fā)現(xiàn)調(diào)用登錄接口時出現(xiàn)跨域問題。

2.2 蓋默認(rèn)的CorsFilter來解決該問題

添加GlobalCorsConfig配置文件來允許跨域訪問。

package com.macro.mall.config;iport org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.cors.CorsConfiguration;import org.springframework.web.cors.UrlBasedCorsConfigurationSource;import org.springframework.web.filter.CorsFilter;/* * 全局跨域配置 * Created by macro on 2019/7/27. */@Configurationpublic class GlobalCorsConfig { ** * 允許跨域調(diào)用的過濾器 */ @Bean public CorsFilter corsFilter() { CorsConfiguration config = new CorsConfiguration(); //允許所有域名進行跨域調(diào)用 config.addAllowedOrigin("*"); //允許跨越發(fā)送cookie config.setAllowCredentials(true); //放行全部原始頭信息 config.addAllowedHeader("*"); //允許所有請求方法跨域調(diào)用 config.addAllowedMethod("*"); UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(); source.registerCorsConfiguration("/**

總結(jié)

以上是生活随笔為你收集整理的前后端分离项目如何部署_前后端分离项目，如何解决跨域问题？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。