Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React Ajax请求给出CORS错误,但返回数据_Javascript_Reactjs_Redux_React Redux_Redux Thunk - Fatal编程技术网

Javascript React Ajax请求给出CORS错误,但返回数据

Javascript React Ajax请求给出CORS错误,但返回数据,javascript,reactjs,redux,react-redux,redux-thunk,Javascript,Reactjs,Redux,React Redux,Redux Thunk,我正在尝试发出一个GET请求,通过邮递员可以很好地工作,但在react上似乎不起作用 出于某种原因,它还返回数据,尽管存在CORS错误。怎么能修好呢 API有效载荷: index.js(Redux设置) 文件操作 import 'whatwg-fetch' import {api} from './api'; import config from '../config.js'; export const GET_DOCUMENTS = 'GET_DOCUMENTS'; export fun

我正在尝试发出一个GET请求,通过邮递员可以很好地工作,但在react上似乎不起作用

出于某种原因,它还返回数据,尽管存在CORS错误。怎么能修好呢

API有效载荷:

index.js(Redux设置)

文件操作

import 'whatwg-fetch'
import {api} from './api';
import config from '../config.js';

export const GET_DOCUMENTS = 'GET_DOCUMENTS';

export function getDocuments() {
    return (dispatch) => {
        const request = api.fetch('warpig/document/?userId='+localStorage.getItem("id")).then((res) => {
            dispatch({
                type: GET_DOCUMENTS,
                payload: {data: res, success: res.status == 200}
            })
        }, (err, data) =>  {
            console.log(err, data);
        });
    }
}
我调用getDocuments()的方法


主要的问题是,它是通过POSTMAN工作的,但当我通过React在浏览器上发出HTTP GET请求时,它不工作,尽管它返回数据,那么,可能是什么呢?

它与POSTMAN一起工作,而不在浏览器中,因为。为了解决这个问题,您需要使用数据响应的服务器使“access control allow origin”标题包含*或包含您网站的域名


另请参见此

它与POSTMAN一起工作,而不在浏览器中,因为。为了解决这个问题,您需要使用数据响应的服务器使“access control allow origin”标题包含*或包含您网站的域名


还可以看到这一点

是的,CORS是由浏览器强制执行的,服务器只是提供建议。每个失败的CORS请求实际上都会发送数据。是的,CORS是由浏览器强制执行的,服务器只是提供建议。每个失败的CORS请求实际上都会发送数据。
import {GET_DOCUMENTS} from "../actions/index";

export default function(state = [], action) {
    //reducers should return a new object, never mutate the current state

    switch (action.type) {
        case GET_DOCUMENTS:
            return action.payload;
    }

    return state;
}
import 'whatwg-fetch'
import {api} from './api';
import config from '../config.js';

export const GET_DOCUMENTS = 'GET_DOCUMENTS';

export function getDocuments() {
    return (dispatch) => {
        const request = api.fetch('warpig/document/?userId='+localStorage.getItem("id")).then((res) => {
            dispatch({
                type: GET_DOCUMENTS,
                payload: {data: res, success: res.status == 200}
            })
        }, (err, data) =>  {
            console.log(err, data);
        });
    }
}
...

    componentDidMount() {
        this.getDocuments();
    }

    getPrograms() {
        this.props.fetchPrograms();
    }
...

function mapDispatchToProps(dispatch) {
    return bindActionCreators({ fetchPrograms, uploads3, login, assignToken, getDocuments }, dispatch);
}

function mapStateToProps({ programs, fileUpload, auth, filesList }) {
    return { programs, fileUpload, auth, filesList };
}

export default connect(mapStateToProps, mapDispatchToProps)(FileUpload)