vue + spring boot + spring security 前后端分離 攜帶 Cookie 登錄實現 只寫了個登錄

 

 

最近想弄一下vue 所以就自己給自己找坑入   結果弄的滿身是傷 哈哈哈   

首先我說下 前后端分離  跨域請求  我在網上找了一些  可是都是針對於 spring boot 的 我自己還有 security 呢  那么問題來了這個權限認證 怎么搞

其實很簡單  直接上代碼了 

在你的 security 配置加上 

   

     .cors()   //主要是這個呀  加上了 應該是允許跨域


    .and()
    .csrf().disable();        

　　然后就是  在spring boot 里配置一個跨域

 

@Configuration
public class CrossDomain implements WebMvcConfigurer {
  
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        //設置允許跨域的路徑
        registry.addMapping("/**")
                //設置允許跨域請求的域名
                .allowedOrigins("*")
                //是否允許證書 不再默認開啟
                .allowCredentials(true)
                //設置允許的方法
                .allowedMethods("*")
                //跨域允許時間
                .maxAge(3600);
    }
}

 

果斷就成功了   

另外還有一點 就是  vue 他默認是不給攜帶 Cookie的  所以   在請求的時候  要加上

withCredentials: true

也可以在全局里配置   

 

大概就是這個樣了  如果有什么不明白  或者哪里說錯了  可以盡情的留言 調侃啊  技術就是要分享