Я не получаю установленный заголовок CORS, даже если он установлен. Почему?

Question

Я получаю эту ошибку CORS при попытке загрузить изображение (но я получаю ту же ошибку с любым URL):

Access to XMLHttpRequest at 'https://s.iha.com/00144228146/Paimpol-Lighthouse-of-the-peacock-on-the-island-of-brehat-near-paimpol.jpeg' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Я использую сервер ExpressJS с Parcel Bundler:

const app = express();


app.use(cors());


app.use(bodyParser.urlencoded({
    extended: false
}));
app.use(bodyParser.json());
app.use(morgan('dev'));

const http = require('http').Server(app);

http.listen(port);

app.use(bundler.middleware());

Как вы можете видеть выше, я пробовал плагин Express cors() и сам пытался вручную настроить заголовки так:

    app.use((req, res, next) => {
            res.setHeader('Access-Control-Allow-Origin', '*');
            res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
            res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
            res.setHeader('Access-Control-Allow-Credentials', true);

            next();

Однако, независимо от того, что япробовал. Я все еще получаю эту же ошибку No 'Access-Control-Allow-Origin' header is present on the requested resource.

В Chrome я вижу следующие заголовки:

Что-то не совпадает, и я не выяснил, что,Любая помощь будет принята с благодарностью!

Answer 1

Ошибка, которую вы получаете, приходит не с вашего сервера: http://localhost:3000, а с: https://s.iha.com/.

Не отправляйте AJAX-запрос, просто обслуживайте изображение с помощью тега <img>.

Вы можете скачать со своего сервера, чтобы избежать проблем с CORS, или просто поразить сервер, на котором включена CORS.