laravel XMLHttpRequest не может загрузить https://website.com/images/1554690945.png. Нет заголовка «Access-Control-Allow-Origin»

Question

У меня проблема с моей файловой системой Laravel CORS, я пытаюсь кэшировать изображение с URL-адреса (который также является моим веб-сайтом) в моем ионном приложении, но происходит сбой из-за ошибки. Я попробовал изображение из https://reqres.in/api/users/1, и нет проблем с кэшированием изображения в моем ионном приложении Я предполагаю, что проблема здесь в моем веб-сайте Laravel

Answer 1

В одном из моих текущих проектов мне нужно сохранить более 200 изображений в моем Ionic App из запроса на мой сервер.

Для решения этой проблемы я преобразовал изображение в Base64 с помощью ImageВмешательство и ответ на запрос обратно в приложение для последующего сохранения Base64 в Ионическом хранилище примерно так.

Laravel Controller

public function grabImages(Request $request){
  $image = (string) Image::make('public/bar.png')->encode('data-url');

  $data = {
    'base64' : $image,
    'file_name' : 'test'
  }

  return $data;
}

Ionic

После получения данных вы можете просто сохранить их в Ionic Storage и получать к ним доступ в любом месте, даже в автономном режиме.Чтобы отобразить все, что вам нужно сделать, это установить источник изображения на Base64.Использование этого метода также решает несколько проблем, например, пользователь не может видеть изображения в галерее изображений, а также позволяет хранить их и использовать их в автономном режиме столько времени, сколько вы захотите, и удалять их в любое время.

Как сказал ImJT, я также использую плагин barryvdh для laravel-cors.

Надеюсь, это ответило на ваш вопрос, удачи!