Javascript 否';访问控制允许原点';请求的资源上存在标头
我知道这个问题问了好几次,但都没有解决我的问题。我正在使用axios从服务器()获取令牌。我正在本地主机上工作。我也提供了标题,但仍然收到一个错误,Javascript 否';访问控制允许原点';请求的资源上存在标头,javascript,reactjs,cors,axios,Javascript,Reactjs,Cors,Axios,我知道这个问题问了好几次,但都没有解决我的问题。我正在使用axios从服务器()获取令牌。我正在本地主机上工作。我也提供了标题,但仍然收到一个错误,不存在“访问控制允许原点”标题。这个错误是由我的js代码(axios)产生的还是服务器中的问题 const config = { method: 'get', url: `${API_URL}/token`, headers: { 'Access-Control-Allow-Origin': '*',
不存在“访问控制允许原点”标题
。这个错误是由我的js代码(axios)产生的还是服务器中的问题
const config = {
method: 'get',
url: `${API_URL}/token`,
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
},
};
export function getToken() {
return function (dispatch) {
console.log('action triggered atleast');
axios.request(config)
.then(response => {
console.log('response', response);
localStorage.setItem('token', response.data.token);
dispatch({ type: GET_TOKEN });
})
.catch(error => {
errorHandler(dispatch, error.response, TOKEN_ERROR);
});
};
}
我的代码中是否有任何错误或遗漏
UDPATE
add_header 'Access-Control-Allow-Origin' "*";
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS';
add_header 'Access-Control-Allow-Headers' 'X-CustomHeader,Accept,Authorization,Cache-Control,Content-Type,DNT,If-Modified-Since,Keep-Alive,Origin,User-Agent,X-Requested-With';
# required to be able to read Authorization header in frontend
add_header 'Access-Control-Expose-Headers' 'Authorization' ;
if ($request_method = 'OPTIONS') {
# Tell client that this pre-flight info is valid for 20 days
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'Content-Length' 0;
return 204;
}
以上是我的nginx配置。服务器需要发送回CORS头,而不是请求 请看一下如何启用cors:
如果您没有访问服务器的权限,那么您可能想尝试类似于的方法。服务器需要将CORS头发送回,而不是请求 请看一下如何启用cors:
如果您没有访问服务器的权限,那么可能需要尝试类似于的方法,这样前端就不会有问题。问题出在服务器上。我有nginx服务器,我需要在其中启用CORS,方法如下:“访问控制允许源代码”:“*”,但以其自身的方式而不是js方式?更正问题在服务器(nginx)中,谢谢我从您和您共享的链接中了解。在大多数这样的问题中,我看到了header的用法,在某个地方出现了服务器问题,所以我弄不清楚问题到底出在哪里。再次感谢您的支持和帮助。我已经接受了您的回答,因为您的解决方案是基于我的问题。我仍然需要你的帮助。我已经配置了我的nginx,我已经在我的问题中发布了,但是我仍然得到一个错误。所以前端没有问题。问题出在服务器上。我有nginx服务器,我需要在其中启用CORS,方法如下:“访问控制允许源代码”:“*”,但以其自身的方式而不是js方式?更正问题在服务器(nginx)中,谢谢我从您和您共享的链接中了解。在大多数这样的问题中,我看到了header的用法,在某个地方出现了服务器问题,所以我弄不清楚问题到底出在哪里。再次感谢您的支持和帮助。我已经接受了您的回答,因为您的解决方案是基于我的问题。我仍然需要你的帮助。我已经配置了我的nginx,我已经在我的问题中发布了它,但是我仍然得到一个错误。