クロスドメインを解決するために、フロントクロスドメイン問題

その前端と後端は、先端AJAXリクエスト、JSONデータの相互作用を、別個のアイテムと係合します。ピットがあった背景にアクセスするには、しかし、フロントエンドインターフェース

「jqueryの-2.1.4.min.js：でのXMLHttpRequestへのアクセス4 '？はlocalhost：8080 /ログインパスワード= 123456' 原点から 'のhttp：// localhostを：63342' CORSポリシーによってブロックされました：クロスオリジン・リクエストがあるだけプロトコルスキームのためのサポート：HTTP、データ、クロム、クロムの拡張子、HTTPS「。

このレポートでは、同一生成元ポリシーはので、このエラーを報告するので、スプリッタのバックエンドリソースの前端と後端のフロントエンドは、一緒にされないので、クロスドメインの問題を理解し、間違っています。

バックグラウンドでのクロスドメイン・コンフィギュレーション・フィルタを書くために、直接それらを解決

1 @Component 
 2パブリッククラスCorsFilterフィルタを実装{ 
 3 
 4 @Override 
 5公共ボイドのdoFilter（のServletRequestのServletRequest、ServletResponseをServletResponseを、フィルターチェーンれるFilterChainは）にIOException、ServletExceptionがスロー{ 
 6のHttpServletRequest要求=（HttpServletRequestの）のServletRequest。
 7 HttpServletResponseの応答=（HttpServletResponseの）たServletResponse。
 8 response.setHeader（「アクセス制御-許可-起源」、「*」）; 
 9 response.setHeader（ "アクセス制御-許可-メソッド"、 "POST、GET、OPTIONS、GET、PUT、DELETE"）; 
10 response.setHeader（「アクセス制御マックスエイジ」、「3600」）。
11 response.setHeader（」
12 filterChain.doFilter（のServletRequest、
13} 
14}

OKに別の訪問！

「最も重要なことは、Access-Control-Allow-Origin，标识允许哪个域的请求。当然，如果服务器不通过，根本没有这个字段，接着触发XHR的onerror，再接着你就看到浏览器的提示xxx的服务器没有响应Access-Control-Allow-Origin字段”

//他のドメイン名許可指定
「アクセス制御-許可-起源にhttp：//172.20.0.206'// 一般的な使用（*、ドメイン、動的なセットを指定する）、* 3は、認証ヘッダとクッキーので、許可されていません
/後続の要求を許可するかどうかは、認証情報（クッキー）を運ぶ/、値はそれ以外の場合には戻らない、本当のことができ
「とAccess-Control-Allow-Credentials ：true」に

その後、本の中でジェーンは、私がここでの問題ことに気づい記事を見ました！！

フロントエンドは、解決策を見つけることでもありました

$アヤックス（{ 
                タイプ： "GET"、
                URL： "にhttp：// localhost：8080 / XXX"、
		データ：{}、
                データ型： 'JSONP'、
                クロスドメイン：真
            }）
		}

データ型がJSONPに設定されている、クロスドメインはtrueに設定しました

クロスドメインを解決するために、フロントクロスドメイン問題

おすすめ