2017-01-16 15 views
1

私はCORSリクエストのためにすべて設定する必要があるpython falconサーバーへのスパイアプリからのAxios get-requestを作成しようとしています。私はすでに修正を検索しようとしたスレッドの束を通じてスカベンジたのでAxiosリクエストを作成するのがブロックされます

const getHeaders = { 
    headers: { 
    'Access-Control-Expose-Headers': 'X-json', 
    'Access-Control-Allow-Headers': '*', 
    'Access-Control-Allow-Origin': '*', 
    'Access-Control-Request-Method': 'get', 
    'Access-Control-Request-Headers': 'X-custom-header', 
    'Content-Type': 'application/json', 
    Accept: 'application/json', 
    }, 
}; 

があるものをたくさんありますが、何も私のために働くように思わない:私は私の要求に以下のヘッダを提供しています。

JavaScriptを使用してapiを取得し、クロムプラグインを使用してブラウザでcorsを無効にする前に、この同じサーバーにリクエストを送信しました。

私は今、レンガの壁のビットをヒットしました、どんな助けにも感謝します。開発用にwebpack-dev-serverを使用していますが、エクスプレスで同じヘッダーを設定しようとしたプロダクション用の高速セットアップもありますが、問題は繰り返されます。

ありがとうございます!

+0

'Access-Control'ヘッダーは** response **ヘッダーです。あなたは要求にそれらを提供すべきではありません。 – Quentin

+0

'getHeaders'はあなたがGETリクエストをしていることを意味します、どうして' Content-Type'を設定していますか?内容を記述する要求団体はありません。 – Quentin

+0

"python falcon server"/"私はwebpack-dev-serverを開発用に使用していますが、エクスプレスでこれらのヘッダを設定しようとしているプロダクション用の高速セットアップもあります。 ExpressまたはWebpack ServerでCORSを実装する際に問題が発生した場合は、そのことについて質問することができます。 Python/Webpack/Expressコードを[mcve]に含める必要があります。また、ブラウザのコンソールに表示される正確なエラーメッセージを引用する必要があります。かなりのCORS関連のエラーがあります。どのURL(エラーに記載されている)がどのサーバーを参照しているかを明確にする必要があります。 – Quentin

答えて

0

CORS許可元は、クライアントではなくサーバ上で設定されます。これらのヘッダーをサーバーに設定するか、独自のサーバーを作成してPythonサーバーに接続し、要求を処理する必要があります。

+0

私は、以下の結論に達しました: ** 1)**あなたのバックエンドはCORSをサポートしなければなりません(私はlaravelを使用しています。私はこれを[** https://github.com/barryvdh /laravel-cors**](https://github.com/barryvdh/laravel-cors) )と ** 2)**私のために働いているAxiosの設定は: axios.defaults.headers.common ['Content-Type'] = 'アプリケーション/ x-www-form-urlencoded、application/json' axios.defaults.headers.common.crossDomain = true axios.defaults.headers.common ['アクセス制御 - 許可'/ Accept' '=' application/json、text/plain、*/* ' – Anthony

関連する問題