Почему я получаю ошибку CORS, когда делаю запрос axios на основе URL-адреса DynDNS, а не с IP?

Question

У меня Raspberry с Node.js работает на нем. CORS установлен и настроен. Я настроил переадресацию портов, но поскольку IP-адрес постоянно меняется, я зарегистрировался у поставщика DynDNS.

Я использую React.js с Axios для запросов API на localhost:8080.

Интересно, если я основываю свои запросы на (например)

const ROOT_URL = 'http://81.23.563.80:5000/';

который меняется каждые 24 часа, затем модуль CORS выполняет свою работу, и я могу выполнять свои запросы. Но если я хочу сделать это правильно и сделать мою просьбу

const ROOT_URL = 'http://mydyndnsurl.provider.com/';

тогда я получу типичное сообщение об ошибке:

XMLHttpRequest не может загрузить http://mydyndnsurl.provider.com/. Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок "Access-Control-Allow-Origin". Источник ' http://localhost:8080/', следовательно, не имеет доступа.

У кого-нибудь есть решение этой проблемы?

Answer 1

Вам все еще нужно включить номер порта в ROOT_URL:

const ROOT_URL = 'http://mydyndnsurl.provider.com:5000/';