一、前言
現在越來越多的項目都是前後端分離的模式,這個時候就會出現一個跨域的問題。這邊博客主要記錄一下java中SpringBoot是如果解決跨越的問題。
二、報錯截圖
報錯代碼:onlineFund:1 Access to XMLHttpRequest at ‘http://localhost:8088/user-userdetail/any/get’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
三、解決思路
使用配置的方式,後臺配置支持跨越即可。新建一個配置類,配置allowedOrigins爲*。
四、配置代碼
新建WebmvcConfig配置類繼承WebMvcConfigurer,可以把下面的代碼複製過去直接使用。
package top.zywork.configuration;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
/**
* WebMvc配置,增加跨域配置<br/>
*
* 創建於2020-04-27<br/>
*
* @author 危錦輝
* @version 1.0
*/
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowCredentials(true)
.allowedOrigins("*")
.allowedMethods("GET", "POST", "OPTIONS")
.maxAge(3600);
}
}