Как показать изображения общих папок laravel в компоненте vue js? - PullRequest
Новая
       8

Как показать изображения общих папок laravel в компоненте vue js?

0 голосов
/ 22 сентября 2019

Я сохранил изображения в общедоступной папке, вот код 

if (isset($image))
    {
        $currentDate = Carbon::now()->toDateString();
        $imagename = $slug .'-'. $currentDate .'-'. uniqid() .'.'. $image->getClientOriginalExtension();
        if (!file_exists('uploads/slider'))
        {
            mkdir('uploads/slider', 0777 , true);
        }
        $image->move('uploads/slider',$imagename);
    }else {
        $imagename = 'dafault.png';
    }
    $slider = new Slider();
    $slider->image = $imagename;

Теперь мне нужно показать эти изображения в компонентах vue js.здесь я посылаю изображения с ответом 

$sliders = Slider::all();

    return response([
       'error' => false,
       'data' => $sliders
    ]);

Используя vue-carousel для слайдера с этими изображениями 

axios
    .get("http://food.test/api/slider", '')
    .then(response => {
        if (response.data) {
            this.images = response.data.data;
        }
        console.log(this.images);
    })
    .catch(error => {
        loader.hide();
    });

и пытаюсь показать, используя 

<carousel :perPage="1">
      <slide v-for="(image, index) in images">
          <img :src="'images/'+image.image" alt="">
      </slide>
  </carousel>

No images sh

Изображения не отображаются.Как я могу показать изображения?

...