Я использовал «cors», но обнаружил, что «Доступ к XMLHttpRequest заблокирован». Почему?

Question

У меня работает express API, и когда я делаю запрос, я получаю это сообщение.

Error:
Access to XMLHttpRequest at 'http://localhost:9000/api/courses' from origin
'http://localhost:4222' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

Я использую cors в своем API, вот мой код:

import * as express from 'express';
import {Application} from "express";
import {getAllCourses, getCourseById} from "./get-courses.route";
import {searchLessons} from "./search-lessons.route";
import {loginUser} from "./auth.route";
import {saveCourse} from "./save-course.route";

const bodyParser = require('body-parser');
const app: Application = express();

app.use(bodyParser.json());
var cors = require('cors');
app.use(cors());

app.route('/api/login').post(loginUser);
app.route('/api/courses').get(getAllCourses);
app.route('/api/courses/:id').put(saveCourse);
app.route('/api/courses/:id').get(getCourseById);
app.route('/api/lessons').get(searchLessons);

const httpServer = app.listen(9000, () => {
    console.log("HTTP REST API Server running at http://localhost:" + httpServer.address().port);
});

Пожалуйста, помогите мне. Я ценю все ответы. Впереди спасибо.

Answer 1

Дайте начало этому

app.use(cors({
  origin: 'http://yourapp.com'
}));