春ブーツ+ Vueのクロスドメインリクエストの問題

春ブーツ+の使用Vueが行うときにビルドに分離プロジェクトの前後端及びログインが成功を達成するために、クロスドメインリクエスト

XMLHttpRequestへのアクセス「のhttp：// localhost /をオープン/ログイン」原点から「のhttp：// localhostを：8080」：CORSポリシーによってブロックされてい
ない「アクセス制御-許可-起源」ヘッダは、要求されたリソース上に存在します。

Axios Vueのは、設定ファイルのmain.jsで使用されます

Axios.defaults.baseURL = 'のhttp：// localhost：80に' 
Axios.defaults.headers [ 'のContent-Type'] = 'アプリケーション/ x-www-form-urlencodedで;のcharset = UTF-8' 
Axios.defaults.withCredentials = 真

書き換えWebMvcConfigurationSupport addCorsMappingの春ブート方法

輸入org.springframework.context.annotation.Configuration。
輸入org.springframework.web.servlet.config.annotation.CorsRegistry;
輸入org.springframework.web.servlet.config.annotation.WebMvcConfigurationSupport; 

@Configuration 
パブリック クラス WebMvcConfigは延びWebMvcConfigurationSupport { 


    @Override 
    公共 ボイドaddCorsMappings（CorsRegistryレジストリ）{ 
        String []型の起源 = { "のhttp：// localhostを：8080" }。
        registry.addMapping（ "/ **" ）
                .allowedOrigins（起点）
                .allowCredentials（真）
                .allowedMethods（ "*" ）
                .allowedHeaders（ "*" ）
                .maxAge（ 3600 ）。
    } 
}

 

参考：https://blog.csdn.net/qq_16645099/article/details/89415997