VueJS запросил небезопасную конечную точку XMLHttpRequest

У меня есть приложение VueJs с бэкэндом Laravel в качестве API.

При локальном запуске приложение работает, как и ожидалось, с https, однако на рабочем сервере я получаю сообщение Requested an insecure XMLHttpRequest endpoint.

Мой сервер находится в Digital Ocean, настроен с помощью RunCloud и поддерживает SSL через LetsEncrypt.

Заявку можно посмотреть здесь: https://vehicletrader.sweney.co/#/

Обратите внимание, что на данном этапе API не авторизуется.

Любой совет поможет.


javascript digital-ocean lets-encrypt vue.js laravel
person Benjamin Sweney    schedule 04.08.2017    source источник
comment
Может помочь явная установка параметра baseURL github.com/mzabrskie/axios#request-config   -  person Rob M.    schedule 05.08.2017
comment
К сожалению тот же результат   -  person Benjamin Sweney    schedule 05.08.2017

Ответы (1)


arrow_upward
6
arrow_downward

Причиной этого для меня была косая черта / в конце URL-адреса запроса.

Мой вызов axios был простым axios.post('https://getShafiq.com/hello/').

Локально все работало.

Но на prod-сервере за CloudFlare он вернет insecure XMLHttpRequest.

Что я заметил на вкладке «Сеть» инструментов разработчика моего браузера, так это то, что URL-адрес возвращает 301 - Moved Permanently и сразу после него ошибку о небезопасной конечной точке.

Я убрал / после /hello и буф, все работает.

person Shafiq al-Shaar    schedule 24.11.2017