Question

尝试获取XML文档，但只返回一个空对象。代码如下所示：

 componentDidMount() {
    fetch("xml", {
        mode: 'no-cors',
        method: 'GET',
        headers: new Headers({
            'Accept': 'application/xml',
            'content-type': 'application/x-www-form-urlencoded',
            'Access-Control-Allow-Origin': '*',
            'Access-Control-Allow-Methods': 'GET, POST, PUT',
            'Access-Control-Allow-Headers': 'Content-Type',
        })
    })
        .then(response => {
            response.text().then(text => {
                console.log(text)
            })
        })

}

我想显示xml的内容。

Answer 1

由于使用no-cors模式，您收到的是不透明的回复。

要通过JavaScript向您提及的网页发出请求，您需要确保该网页配有Access-Control-Allow-Origin响应标头，并指明您的React组件的来源

或者，您可以反向代理资源，并确保设置此标头（或者反向代理与您为React组件提供服务的源相同的资源）。您可以考虑使用类似于cors-anywhere的内容。

示例：

fetch("") .then(response => response.text()) .then(text => console.log(text));

在React中获取xml

1 个答案: