(八)前後端整合之跨域問題
阿新 • • 發佈:2020-12-14
springboot專案+vue的整合,解決方案有兩種:一是直接採用springboot的註解@CrossOrigin;二是新增配置類
import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Configurationpublic class CorsConfig implements WebMvcConfigurer { /** * 跨域配置 * @return */ @Bean public WebMvcConfigurer corsConfigurer() { return new WebMvcConfigurer() { @Override //重寫父類提供的跨域請求處理的介面 public void addCorsMappings(CorsRegistry registry) {//新增對映路徑 registry.addMapping("/**") //放行哪些原始域 .allowedOrigins("*") //是否傳送Cookie資訊 .allowCredentials(true) //放行哪些原始域(請求方式) .allowedMethods("GET", "POST", "PUT", "DELETE")//放行哪些原始域(頭部資訊) .allowedHeaders("*") //暴露哪些頭部資訊(因為跨域訪問預設不能獲取全部頭部資訊) .exposedHeaders("Header1", "Header2"); } }; } }