AngularとSAStrutsで通信する際にCORSのエラーが出て通信できない

Question

前提・実現したいこと

フロント：angular、バック：SAStruts で通信するwebアプリケーションを作りたいと考えています。

しかし、angular側からapi実行するとCORSに関するエラーが出てしまいます。
localhostで別々のポートでリクエスト・レスポンスをしているからと理解できました。

発生している問題・エラーメッセージ

Access to XMLHttpRequest at 'http://localhost:8080/test-project/testApi' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

試したこと

サーバ側のレスポンスでAccess-Control-Allow-Originで許可してやればよいということで以下のように試しました。

 @Execute( validator = false )
    public String testApi() {

        String json = "{¥"test¥":¥"test¥"}";

        // レスポンスのヘッダーにAccess-Control-Allow-Originセット
        response.setHeader( "Access-Control-Allow-Origin", "*" );

        ResponseUtil.write( json );

        return null;
    }  

しかし、やはり同じエラーが出てしまいうまくいきませんでした。

原因としては、

• java側でそもそもレスポンスヘッダーの設定方法が間違っている
• java側は問題ないがangular側で設定が必要
• 上記以外

あたりかと思っていますが、調べても解決しませんでした。

どのようにすれば解決できるのか教えていただけますと幸いです。

Comments

[kabao]

SAStrutsも含めて、Seasar系プロダクトはほとんどがEOLを迎えていますので、本番サービスのような環境で使うのはやめたほうがいいです。

ヘッダが正しく追加されたかどうかは、ブラウザの開発者コンソールとかで確認してみた方がよいかと。