0

Использую Vue Js для фронтенда и Laravel как api. Отправляю запросы к своему api при помощи axios, но у меня вылезает банальная проблема CORS политики.

Access to XMLHttpRequest at 'localhost:80/api/test' from origin 'http://localhost' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https

везде предлагают использовать barryvdh/laravel-cors для решения проблемы или писать middleware для того что бы в каждом запросе делать нужные заголовки. Есть ли более элегантное решение данной проблемы? Возможно вы знаете как в laravel это сделать грамотно. Спасибо всем кто прочитал и проявил внимание к моему вопросу.

Проблема не в запросе проблема именно в настройках cors для laravel т.к тестовые запросы на другие rest-сервисы у меня проходят успешно.

1 ответ 1

0

Проблема решилась когда я изменил адрес запроса

было localhost:80/api/test

axios.get('localhost:80/api/test')
     .then(function (response) {
           console.log(response);
      })

стало /api/test

axios.get('/api/test')
     .then(function (response) {
           console.log(response);
      })

не ожидал я такого подвоха :) надеюсь кому-нибудь поможет

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.