Изображения не загружаются с базового URL в файле шаблона Vue - PullRequest
Новая
       30

Изображения не загружаются с базового URL в файле шаблона Vue

0 голосов
/ 22 марта 2020

Я определил базовый URL в bootstrap. js следующим образом: 

window._ = require('lodash');

let base_url                = document.head.querySelector('meta[name="base-url"]').content;
window.timezone_default    = document.head.querySelector('meta[name="timezone_default"]').content;
window.google_map_key       = document.head.querySelector('meta[name="google_map_key"]').content;

window.axios            = require('axios');

window.axios.defaults.baseURL = base_url;
window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

window.base_url = base_url;

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

В веб-интерфейсе HTML возвращает метатег следующим образом: 

<!-- Base URL -->
<meta name="base-url" content="http://localhost/example"/>

В Vue Файл, который я называю image, выглядит следующим образом: 

<img :src="'/storage/' +item.image" alt="">

На первой странице он вызывает root без учета своего «примера» каталога 

http://localhost/storage/banners/Month/612534123.jpg

В то время как он должен вызывать Пример каталога также будет таким: 

http://localhost/example/storage/banners/Month/612534123.jpg

Я добавил базовый тег URL в Vue файл шаблона <img :src="'{{ url('/') }}/' +item.image" alt="">

Это возвращало NaN как NaN/banners/Month/612534123.jpg

Мне не хватает чего-то, что не может вызвать правильный каталог файла?

...