1. 程式人生 > 實用技巧 >(八)前後端整合之跨域問題

(八)前後端整合之跨域問題

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;

@Configuration
public 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"); } }; } }