Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса?

Question

[Никита]

С клиента делается GET запрос (через axios) на URL https://mysite.me:5000/api/v1/form?arg=1

Сервер формирует ответ

const express = require('express')
const mongoose = require('mongoose')

const app = express()

const PORT = 5000

app.get('/api/v1/form', (req, res) => {
    res.header('Access-Control-Allow-Origin', '*')
    res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE")
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
    res.end()
})

app.listen(PORT, err => {
    err ? console.log(err) : console.log(`[Server] started on port ${PORT}`)
})

Но браузер блокирует запрос из-за отсутствия заголовка Access-Control-Allow-Origin

С чем это может быть связано?

Comments

[Lynn «Кофеман»]

С тем что нет заголовка. Проверяйте сервер. Судя по коду, это у вас похоже на ответ на запрос OPTIONS, но браузер не всегда его отправляет.

[Никита]

Lynn «Кофеман», дополнил код. Там до банальности простой express сервер, не пойму в чем может быть ошибка.

[Никита]

Lynn «Кофеман», запрос с клиента отправляю через axios

[Lynn «Кофеман»]

Мне кажется очень странным сочетание https и 5000 в запросе и полное отсутствие настройки https на сервере. Подозреваю, что до выполнения запроса дело не доходит и падает ещё на этапе попытки распарсить https как http

[Никита]

Lynn «Кофеман», на самом деле, настроил https и все заработало, спасибо

Answer 1

[Никита]

Как и сказал Lynn «Кофеман» , дело было в том, что я не настроил https сервер ноды. Преобразовал код к следующему виду и проблема была решена.

const fs = require('fs')
const https = require('https')

const privateKey  = fs.readFileSync('./ssl/server.key', 'utf8');
const certificate = fs.readFileSync('./ssl/server.crt', 'utf8');

const credentials = {key: privateKey, cert: certificate}
const app = express()

const PORT = 5000

app.get('/api/v1/assistant-form', (req, res) => {
    res.header('Access-Control-Allow-Origin', '*')
    res.header("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE")
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
    res.end()
})

const httpsServer = https.createServer(credentials, app)

httpsServer.listen(PORT)