Axios POST执行CORS请求的错误块，浏览器开发工具显示200

Question

我在做CORS请求时遇到了Axios帖子的奇怪问题。

当我使用以下代码进行调用时

export function loginUser (props) {
	var request = axios.post(Endpoints.LOGIN_URL,
		{
			'username': props.username,
			'password': props.password
		});
	return dispatch => {
		dispatch(login())
		return request.then(
			function (response) {
				console.log('success ', response)
				dispatch(loginSuccessful(response.data))
				history.go('/home');
			})
			.catch(function (response) {
				console.log('error', response)
				dispatch(loginFailed(response.data))
			})
	}
}

当我执行这个时，我在开发工具中看到了带有200状态代码的响应。飞行前选项请求和随后的响应按预期工作。执行的代码块是catch块！！

在控制台中，我得到以下错误：

跨源请求被阻止：同一源策略不允许读取http://localhost:8080/auth/login上的远程资源。（原因：CORS标头'Access-Control-Allow-Origin'丢失）。

不确定为什么CORS错误在控制台，即使飞行前的响应有标题“访问-控制-允许-起源”！！

感谢任何帮助。

Answer 1

access-control-allog-origin标头也必须出现在http://localhost:8080/auth/login POST操作的响应中。