Ошибки времени выполнения Uncaugh ⇐ Javascript

[Anonymous]

Я работал над проектом, и я реагирую Frontend и Express Backend, поэтому бэкэнд работает на порту 3000, а Frontend работает на порту 3001, что я пытался сделать, это добавить axios get. К кнопке в моем Страница регистрации, подобная этой, когда я запускаю Frontend и Backend, и я получаю проблему сети. Ошибка консоли была, я получаю это < /p>

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/auth/github. (Reason: CORS header ‘Access-Control-Allow-Origin’ does not match ‘http://localhost:3000’).

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/auth/github. (Reason: CORS request did not succeed). Status code: (null).

Uncaught (in promise)
Object { stack: "AxiosError@http://localhost:3001/static/js/bundle. ... 41553:14\n", message: "Network Error", name: "AxiosError", code: "ERR_NETWORK", config: {…}, request: XMLHttpRequest }
< /code>
my axios get - это < /p>
const githubApiCall = () => {
axios.get('http://localhost:3000/auth/github');
}
< /code>
Моя ссылка на файл TSX - это < /p>



Signup with GitHub


< /code>
Бэкэнд -маршрут, который у меня есть, это < /p>
authroute.get(
"/github/",
passport.authenticate("github", { scope: ["profile", "email"] }),
);
authroute.get(
"/github/callback",
passport.authenticate("github"),
(req: Request, res: Response) => {
res.redirect("http://localhost:3001");
},
);
< /code>
Моя экспресс -настройка - это < /p>
import express, { Request, Response } from "express";
import { IndexRoute } from "./routes";
import DB from "./lib/DB";
import { authroute } from "./routes/auth";
import { json } from "body-parser";
const cookieSession = require("cookie-session");
require("dotenv").config();

const cors = require('cors');

DB;

const app = express();
const port: number = 3000;

app.use(cors());
app.use(function(req, res, next) {
res.header('Access-Control-Allow-Origin', 'http://localhost:3000');
res.header(
'Access-Control-Allow-Headers',
'Origin, X-Requested-With, Content-Type, Accept'
);
next();
});
app.use(
cookieSession({
maxAge: 24 * 60 * 60 * 1000,
keys: [process.env.COOKIEKEY],
}),
);

app.use(json());
app.use("/", IndexRoute);
app.use("/auth", authroute);

app.listen(port, () => {
console.log(`Example app listening on port ${port}`);
}).on('error',(e)=>{
console.log(e);
});


Подробнее здесь: https://stackoverflow.com/questions/793 ... js-backend