關(guān)于跨域無效的問題及解決(java后端方案)
更新時間：2025年06月10日 14:18:34 作者：FLGB
這篇文章主要介紹了關(guān)于跨域無效的問題及解決(java后端方案),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
通用后端跨域方法
1、@CrossOrigin 注解
在Spring Boot 中給我們提供了一個注解 @CrossOrigin 來實現(xiàn)跨域，這個注解可以實現(xiàn)方法級別的細(xì)粒度的跨域控制。
我們可以在類或者方添加該注解，如果在類上添加該注解，該類下的所有接口都可以通過跨域訪問，如果在方法上添加注解，那么僅僅只限于加注解的方法可以訪問。
@Slf4j
@RestController
@RequestMapping(value = AppPath.SERVICE_LOCATION_URL + "/appointment")
@Api(value = "AppointmentController",tags = "預(yù)約列表接口")
@CrossOrigin
public class AppointmentController {
@Autowired
private LiveAppointmentService appointmentService;
@RequestMapping
@ApiOperation(value = "預(yù)約列表分頁查詢", response = CsLiveAppointmentDTO.class)
public JsonResult<PageInfo> getAppointmentList(AppointmentListDTO dto){
log.info("getAppointmentList vo:{}", JSONUtil.toJsonStr(dto));
PageInfo<CsLiveAppointmentDTO> appointmentList = appointmentService.getAppointmentList(dto);
return JsonResult.success(appointmentList);
}
}@CrossOrigin 注解不生效問題
在Spring框架4.2版本后，Spring給出了注解的方式解決問題。
即在Controller控制器中，在Controller注解上方添加@CrossOrigin注解。
但是使用這種方式后也有可能仍然出現(xiàn)跨域問題，解決方案就是：
- 在@RequestMapping注解中沒有指定Get、Post方式，或者使用@GetMapping或者@Post Mapping
- 在@CrossOrigin(methods = {RequestMethod.POST})指定方法
@Slf4j
@RestController
@RequestMapping(value = AppPath.SERVICE_LOCATION_URL + "/appointment")
@Api(value = "AppointmentController",tags = "預(yù)約列表接口")
@CrossOrigin
public class AppointmentController {
@Autowired
private LiveAppointmentService appointmentService;
@ApiOperation(value = "預(yù)約列表分頁查詢", response = CsLiveAppointmentDTO.class)
//@GetMapping("getList")
@RequestMapping(method = RequestMethod.GET)
public JsonResult<PageInfo> getAppointmentList(AppointmentListDTO dto){
log.info("getAppointmentList vo:{}", JSONUtil.toJsonStr(dto));
PageInfo<CsLiveAppointmentDTO> appointmentList = appointmentService.getAppointmentList(dto);
return JsonResult.success(appointmentList);
}
}2、springboot2.0 實現(xiàn)WebMvcConfigurer 實現(xiàn)跨域
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("POST","GET","OPTIONS")
.allowedHeaders("*")
.allowCredentials(false).maxAge(3600);
}
}
3、過濾器實現(xiàn)跨域
@WebFilter(filterName = "CorsFilter")
@Configuration
@Order(Ordered.HIGHEST_PRECEDENCE)
@Slf4j
public class CorsFilter implements Filter {
@Value("${allow.headers:X-Requested-With,Authorization,Content-Type}")
private String allowHeaders;
@Value("${allow.origin:https://xxx.com}")
private String allowOrigin;
@Override
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) res;
// response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Origin", "http://xxx:9091");
response.setHeader("Access-Control-Allow-Credentials", "true");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, PATCH,OPTIONS, DELETE, PUT");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", allowHeaders);
// response.setHeader("Access-Control-Allow-Headers", "*");
log.info("CorsFilter res {},{}", response.getHeader("Access-Control-Allow-Origin"), response.containsHeader("Access-Control-Allow-Origin"));
chain.doFilter(req, res);
}
}
跨域不生效問題
（1）、@Order(Ordered.HIGHEST_PRECEDENCE)如果有登錄攔截，要將跨域filter等級提升為最高優(yōu)先級
（2）、 response.setHeader(“Access-Control-Allow-Headers”, “");
- Access-Control-Allow-Headers: * 在部分客戶端上有兼容問題，MDN中介紹 Access-Control-Allow-Headers: * 有兩重意思。
- 一個是在服務(wù)端設(shè)置Access-Control-Allow-Credentials: true的時候這個 * 只會被客戶端當(dāng)做字符串 * （我們不希望的，會出錯的）。
- 另一個是沒有這個設(shè)置則會被當(dāng)做通配符（我們希望的，不會出錯的）。
- 猜測是客戶端對于 * 的實現(xiàn)上有兼容性問題，所以建議不要這樣設(shè)置，用到什么設(shè)置什么最好，例如：Access-Control-Allow-Headers: Content-Type,X-Requested-With,Authorization。
（3）、 response.setHeader(“Access-Control-Allow-Origin”, "”)
//指定允許其他域名訪問 ‘Access-Control-Allow-Origin:http://172.80.0.206'//一般用法（，指定域，動態(tài)設(shè)置），3是因為不允許攜帶認(rèn)證頭和cookies //是否允許后續(xù)請求攜帶認(rèn)證信息（cookies）,該值只能是true,否則不返回
（4）、 response.setHeader(“Access-Control-Allow-Methods”, “POST, GET, PATCH,OPTIONS, DELETE, PUT”);OPTIONS 在預(yù)檢請求復(fù)雜請求中也會使用到
（5）、 如果有spring security結(jié)合使用需要添加該過濾器
@Configuration
public class SecurityConfig extends WebSecurityConfigurerAdapter {
@Override
protected void configure(HttpSecurity security) throws Exception {
security.csrf().disable();
security.headers().frameOptions().disable();
//加入過濾器
security.addFilterBefore(new CORSFilter(), UsernamePasswordAuthenticationFilter.class);
}
}4、定制化參數(shù)實現(xiàn)跨域
前面要么是*,實際需求是根據(jù)業(yè)務(wù)參數(shù)定制化
@WebFilter(filterName = "corsFilter", urlPatterns = "/*",
initParams = {@WebInitParam(name = "allowOrigin", value = "*"),
@WebInitParam(name = "allowMethods", value = "GET,POST,PUT,DELETE,OPTIONS"),
@WebInitParam(name = "allowCredentials", value = "true"),
@WebInitParam(name = "allowHeaders", value = "Content-Type,X-Token")})
public class CorsFilter implements Filter {
private String allowOrigin;
private String allowMethods;
private String allowCredentials;
private String allowHeaders;
private String exposeHeaders;
@Override
public void init(FilterConfig filterConfig) throws ServletException {
allowOrigin = filterConfig.getInitParameter("allowOrigin");
allowMethods = filterConfig.getInitParameter("allowMethods");
allowCredentials = filterConfig.getInitParameter("allowCredentials");
allowHeaders = filterConfig.getInitParameter("allowHeaders");
exposeHeaders = filterConfig.getInitParameter("exposeHeaders");
}
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) servletRequest;
HttpServletResponse response = (HttpServletResponse) servletResponse;
if (!StringUtils.isEmpty(allowOrigin)) {
if(allowOrigin.equals("*")){
// 設(shè)置哪個源可以訪問
response.setHeader("Access-Control-Allow-Origin", allowOrigin);
}else{
List<String> allowOriginList = Arrays.asList(allowOrigin.split(","));
if (allowOriginList != null && allowOriginList.size() > 0) {
String currentOrigin = request.getHeader("Origin");
if (allowOriginList.contains(currentOrigin)) {
response.setHeader("Access-Control-Allow-Origin", currentOrigin);
}
}
}
}
if (!StringUtils.isEmpty(allowMethods)) {
//設(shè)置哪個方法可以訪問
response.setHeader("Access-Control-Allow-Methods", allowMethods);
}
if (!StringUtils.isEmpty(allowCredentials)) {
// 允許攜帶cookie
response.setHeader("Access-Control-Allow-Credentials", allowCredentials);
}
if (!StringUtils.isEmpty(allowHeaders)) {
// 允許攜帶哪個頭
response.setHeader("Access-Control-Allow-Headers", allowHeaders);
}
if (!StringUtils.isEmpty(exposeHeaders)) {
// 允許攜帶哪個頭
response.setHeader("Access-Control-Expose-Headers", exposeHeaders);
}
filterChain.doFilter(servletRequest, servletResponse);
}
@Override
public void destroy() {
}
}5、 使用SpringCloud網(wǎng)關(guān)GateWay實現(xiàn)跨域
原理和前面類似
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;
import org.springframework.web.util.pattern.PathPatternParser;
@Configuration
public class CorsConfig {
@Bean
public CorsWebFilter corsFilter() {
CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(Boolean.TRUE);//允許Cookie跨域
config.addAllowedMethod("*");
config.addAllowedOrigin("*");
config.addAllowedHeader("*");//不要設(shè)置成*,參考前面
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
source.registerCorsConfiguration("/**", config);
return new CorsWebFilter(source);
}
}
注：在下層服務(wù)不需要在做任何跨域配置，例如注解@CrossOrigin，否則會由于配置沖突導(dǎo)致依然出現(xiàn)跨域問題
6、nginx配置代理解決跨域問題
server {
listen 8000;
server_name localhost;
# / 表示匹配路徑為/的url
location / {
proxy_pass http://需要跨域的域名:5500;
}
# /user 表示訪問以/user 開頭 的地址 如/username,/user/find等
location /user {
proxy_pass http://需要跨域的域名:3000;
}
}7、nginx配置響應(yīng)頭允許跨域
#
# Wide-open CORS config for nginx
#
location / {
#### 對OPTIONS請求，會設(shè)置很多的請求頭，并返回204
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
#
# Custom headers and headers various browsers *should* be OK with but aren't
#
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
#
# Tell client that this pre-flight info is valid for 20 days
#
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
if ($request_method = 'POST') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
if ($request_method = 'GET') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
}
}
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
springboot自帶線程池ThreadPoolTaskExecutor使用
本文主要介紹了springboot自帶線程池ThreadPoolTaskExecutor使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-04-04
SpringMVC中利用@InitBinder來對頁面數(shù)據(jù)進行解析綁定的方法
本篇文章主要介紹了SpringMVC中利用@InitBinder來對頁面數(shù)據(jù)進行解析綁定的方法，非常具有實用價值，需要的朋友可以參考下2018-03-03
springboot快速搭建ftpserver服務(wù)端的詳細(xì)步驟
基于springboot,使用ftpserver快速搭建一個FTP服務(wù)端,搭建過程很簡單,我們把過程分成4個步驟,一分鐘內(nèi)快速完成構(gòu)建,感興趣的朋友跟隨小編一起看看吧2023-11-11
這篇文章主要介紹了java如何獲取當(dāng)前路徑下的所有xml文檔,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了Java8如何基于flatMap處理異常函數(shù),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
Gradle的安裝和IDEA集成、項目導(dǎo)入的詳細(xì)教程
這篇文章主要介紹了Gradle的安裝和IDEA集成、項目導(dǎo)入的詳細(xì)教程，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08
為什么在foreach循環(huán)中JAVA集合不能添加或刪除元素
今天給大家?guī)淼奈恼率顷P(guān)于Java的相關(guān)知識,文章圍繞著為什么在foreach循環(huán)中JAVA集合不能添加或刪除元素展開,文中有非常詳細(xì)的介紹及代碼示例,需要的朋友可以參考下2021-06-06
這篇文章主要介紹了詳解Spring全局異常處理的三種方式,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
本文總結(jié)了SpringBoot和Vue.js中接口調(diào)用的常見傳參方式,包括GET、POST請求的參數(shù)傳遞方式,以及SpringBoot中常用的注解進行參數(shù)接收的方法,文章詳細(xì)介紹了Axios請求的封裝方法,并提供了一些實際的代碼示例2025-02-02
這篇文章主要介紹了基于@JsonProperty的使用說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10