当我在React中使用Google Login时，响应返回给我CORS.我怎样才能修好它?

Question

当我使用Google Register时，响应返回我CORS。我不确定也许这是一个后端问题，不知道我怎么能解决它。我的错误:

从源'http://localhost:3000'访问'link'(从'https://nehra.az/api/oauth/google'重定向)的XMLHttpRequest已被CORS策略阻止:请求的资源上没有'Access- control - allow - origin '标头。

React登录码

const token = Cookies.getItem("XSRF-TOKEN");
const headers = {
"X-CSRF-TOKEN": token,
};
const responseGoogle = (response) => {
let defualtValue = "994";
setloader(true);
const dt = new FormData();
dt.append("name", response.profileObj.name);
dt.append("email", response.profileObj.email);
dt.append("phone", defualtValue);
dt.append("password", response.accessToken);
dt.append("auth_type", 3);
axios
.get("https://nehra.az/api/oauth/google", dt, headers)
.then((res) => {
setloader(false);
if (res.status === 200) {
localStorage.setItem("LoginUserData", JSON.stringify(res.data));
CloseLoginF();
closeRegisterF();
}
})
.catch((err) => (setloader(false), setError(true)));
};

Answer 1

后端服务器应该为您的localhost:3000 origin (https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Allow-Origin)添加Access-Control-Allow-Origin响应头，但鉴于这种情况，后端代码似乎无法编辑。如果你使用webpack开发服务器，你可以使用webpack代理功能来避免暂时在localhost:3000上出现CORS错误。https://webpack.js.org/configuration/dev-server/devserverproxy