1、對于前后端分離的項目來說,如果前端項目與后端項目部署在兩個不同的域下,那么勢必會引起跨域問題的出現。
針對跨域問題,我們可能第一個想到的解決方案就是jsonp,并且以前處理跨域問題我基本也是這么處理。
但是jsonp方式也同樣有不足,不管是對于前端還是后端來說,寫法與我們平常的ajax寫法不同,同樣后端也需要作出相應的更改。并且,jsonp方式只能通過get請求方式來傳遞參數,當然也還有其它的不足之處,針對于此,我并沒有急著使用jsonp的方式來解決跨域問題,去網上找尋其它方式,也就是本文主要所要講的,在springboot中通過cors協議解決跨域問題。
2、Cors協議
H5中的新特性:Cross-Origin Resource Sharing(跨域資源共享)。通過它,我們的開發者(主要指后端開發者)可以決定資源是否能被跨域訪問。
cors是一個w3c標準,它允許瀏覽器(目前ie8以下還不能被支持)像我們不同源的服務器發出xmlHttpRequest請求,我們可以繼續使用ajax進行請求訪問。
3、在springboot中如何通過cors協議解決跨域問題
springmvc4.2版本增加了對cors的支持。
目前我所做的項目基本都是springboot進行開發,所以我這里貼下在springboot中的使用。
@Configurationpublic class MyWebAppConfigurer extends WebMvcConfigurerAdapter{ @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**"); }
可以在addMapping中配置我們的路徑。/**代表所有路徑。
當然也可以修改其它屬性
@Configurationpublic class MyWebAppConfigurer extends WebMvcConfigurerAdapter{ @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/**") .allowedOrigins("http://192.168.1.97") .allowedMethods("GET", "POST") .allowCredentials(false).maxAge(3600); }
以上兩種,都是針對全局配置,如果你想做到更細致也可以使用@CrossOrigin這個注解在controller類中使用。
@CrossOrigin(origins = "http://192.168.1.97:8080", maxAge = 3600)@RequestMapping("rest_index")@RestControllerpublic class IndexController{
這樣就可以指定該controller中所有方法都能處理來自http:19.168.1.97:8080中的請求。
總結
以上所述是小編給大家介紹的springboot中如何通過cors協議解決跨域問題,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持!
新聞熱點
疑難解答
圖片精選