先後端分離後,通信問題 springboot + vue

springboot + vue前端

前端使用vue, 後端使用springbootvue

分開後,必將帶來跨越問題,網上有文章說,開發好的vue前端,能夠放到springboot一塊兒運行,確實這樣挺好的,只須要修改幾個配置,並且在部署的過程當中也不須要部署兩個應用,可是在開發的時候,仍是須要分開來開發,因此跨域問題必須存在,網上有不少方法,能夠去搜一下,但在這裏我就使用我以爲最適合個人方式ios

 

首先前端,幾乎不用任何改動,按正常使用axios請求方式web

而後後端,加一個配置類就能夠了,改爲跨域,以下spring

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 WebAppConfigurer implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**").allowedOrigins("*") .allowCredentials(true).allowedMethods("GET", "POST").maxAge(3600 * 24); } }

 

 

總結:這種方式最簡單,有效,因此就使用這種方式了axios

相關文章
相關標籤/搜索