Vue+SpringBoot+Shiroのクロスドメイン問題を解決する

プロキシテーブル: {
'/api': {
ターゲット: 'http://xxxx.com', //AddresschangeOrigin: true,
パス書き換え: {
'^/api': ''
  },
 }
},

var axios = require('axios')
axios.defaults.baseURL = '/api' // 環境

プロキシテーブル: {
'/api/*': {
target: 'http://ドメイン名', //本番環境のアドレスにはhttpを追加する必要があります
変更元: true、
パス書き換え: {
'^/api': '/api'
  },
 }
},

#ユーザーnobody;
ワーカープロセス 1;

#error_log ログ/error.log;
#error_log ログ/error.log 通知;
#error_log ログ/error.log 情報;

#pid ログ/nginx.pid;


イベント {
    ワーカー接続 1024;
}


http {
    mime.types を含めます。
    デフォルトタイプ アプリケーション/オクテットストリーム;

    #log_format main '$remote_addr - $remote_user [$time_local] "$request" '
    # '$status $body_bytes_sent "$http_referer" '
    # '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log ログ/access.log メイン;

    ファイル送信オン;
    #tcp_nopush オン;

    #キープアライブタイムアウト 0;
    キープアライブタイムアウト65;

    #gzip オン;

サーバー{
        聞く 80;
        server_name フロントエンド サービスのドメイン名/IP;
        ルート D:/HWKJ/ProNginx/ProNginx/html/dist/;
        
        位置 / {
            インデックス index.php index.html index.htm;
            try_files $uri $uri/ /index.html;
        }
            場所 /api/ {
            #書き換え^.+api/?(.*)$ /$1 break;
            #uwsgi_params を含めます。
            proxy_pass http://xxxbackgroundxxxx/api/;
            #springboot でリモート IP を取得する問題を解決する}
    }
}

start nginx // 起動します nginx -s stop // stop は nginx をすぐに停止するため、関連情報が保存されない場合があります nginx -s quit // quit は nginx を完全に規則的に停止し、関連情報を保存します nginx -s reload // 構成情報が変更された場合は、このコマンドを使用して構成を再読み込みします nginx -s reopen // ログ ファイルを再度開きます nginx -v // Nginx のバージョンを表示します

org.springframework.boot.SpringBootConfiguration をインポートします。
org.springframework.boot.web.servlet.FilterRegistrationBean をインポートします。
org.springframework.context.annotation.Bean をインポートします。
org.springframework.context.annotation.Configuration をインポートします。
org.springframework.web.cors.CorsConfiguration をインポートします。
org.springframework.web.cors.UrlBasedCorsConfigurationSource をインポートします。
org.springframework.web.filter.CorsFilter をインポートします。
org.springframework.web.servlet.config.annotation.* をインポートします。


/**
 */
@構成
パブリッククラス MyWebConfigurer は WebMvcConfigurer を実装します {

@オーバーライド
   パブリック void addCorsMappings(CorsRegistry レジストリ) {
       registry.addMapping("/**") // クロスドメインアクセスを許可するパス。allowCredentials(true) // クッキーを送信するかどうか
               .allowedOriginPatterns("*") // クロスドメイン アクセスが許可されるオリジン。allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE") // 許可されるリクエスト メソッド。allowedHeaders("*") // 許可されるヘッダー設定。maxAge(168000); // 事前チェック間隔}  
}

org.springframework.boot.SpringBootConfiguration をインポートします。
org.springframework.boot.web.servlet.FilterRegistrationBean をインポートします。
org.springframework.context.annotation.Bean をインポートします。
org.springframework.context.annotation.Configuration をインポートします。
org.springframework.web.cors.CorsConfiguration をインポートします。
org.springframework.web.cors.UrlBasedCorsConfigurationSource をインポートします。
org.springframework.web.filter.CorsFilter をインポートします。
org.springframework.web.servlet.config.annotation.* をインポートします。


/**

  */
@構成
パブリッククラス MyWebConfigurer は WebMvcConfigurer を実装します {
    @ビーン
    パブリックフィルター登録Bean corsFilter() {
        最終的な UrlBasedCorsConfigurationSource ソース = 新しい UrlBasedCorsConfigurationSource();
        最終的な CorsConfiguration config = new CorsConfiguration();
        // ドメイン間での Cookie の送信を許可する config.setAllowCredentials(true);
        // #URI がサーバーにリクエストを送信できるようにします。* はすべてが許可されることを意味します。SpringMVC では、* に設定すると、現在のリクエスト ヘッダーの Origin に自動的に変換されます。
        config.addAllowedOriginPattern("*");
        // # アクセスが許可されたヘッダー情報、* はすべてを意味します config.addAllowedHeader("*");
        // 事前チェック リクエストのキャッシュ時間 (秒単位)。つまり、この期間中、同じクロスドメイン リクエストは再度事前チェックされません。config.setMaxAge(18000L);
        // リクエストの送信が許可されるメソッド。* はすべてが許可されることを意味します config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("削除");
        config.addAllowedMethod("PATCH");
        ソースを登録します。CorsConfiguration("/**", config);

        FilterRegistrationBean Bean は、新しい FilterRegistrationBean (新しい CorsFilter (ソース)) を作成します。
        // リスナーの優先順位を設定する bean.setOrder(0);

        Bean を返します。
    }
}