javascript - redux fetch body 不使用 no cors 模式

Question

我有一个调用函数的操作:

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:""

这里我的 body 没有被使用..

这里有什么问题？需要帮助

Answer 1

您收到了一个不透明的响应 [ 1 ] [ 2 ]，因为您正在使用带有 mode: 'no-cors' 的 fetch。 您需要使用 mode: 'cors' 并且服务器需要发送所需的 CORS header [ 3 ] 以访问响应。