web-dev-qa-db-ja.com

redux fetch bodyはcorsモードなしでは使用されません

私は関数を呼び出すこのアクションを持っています：

dispatch(Api({url: "my_url", method: "POST", data: data}))

ここでは、配列をデータとして渡します。

import fetch from 'isomorphic-fetch'

export default function Api({url, method, headers, data}={}){
    return dispatch => {

        console.log(data)
        console.log(url)
        console.log(method)
        console.log(JSON.stringify(data))
        let response = fetch(url, {
            mode: 'no-cors',
            method: method || null,
            body: data || null, 
        }).then(function(response) {
            console.log("response");
             console.log(response)
            });

    }
}

ここではfetchをmode:'no-cors'と一緒に使用しています.

私は応答を見ると次のようになります：

body: null
bodyUsed: false
headers: Headers
ok: false
status: 0
statusText: ""
type: "opaque"
url:""

ここでは私の体は使われていません。

ここで何が問題になっていますか？助けが必要

javascriptreactjsfetchreduxfetch-api
12
aryan

opaque responseでフェッチを使用しているため、mode: 'no-cors' [ 1 ] [ 2 ]を取得しています。 mode: 'cors'を使用する必要があり、サーバーは応答にアクセスするために必要なCORSヘッダー[]を送信する必要があります。

26
Marco