Javascript React Ajax请求给出CORS错误,但返回数据
我正在尝试发出一个GET请求,通过邮递员可以很好地工作,但在react上似乎不起作用 出于某种原因,它还返回数据,尽管存在CORS错误。怎么能修好呢 API有效载荷: index.js(Redux设置) 文件操作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
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)