Мое приложение не загружает изображения при использовании с Laravel Mix, когда мой контент создается с помощью шаблонизатора Handlebar.
URL-адрес изображения с моего сервера Laravel Artisan загружается правильно:
http://127.0.0.1:8000/product_images/burgerjpg1546494562.jpg
Тем не менее, вот так выглядит вывод моего URL в браузере Webpack с использованием Laravel Mix того же изображения:
http://localhost:3000/product_images/%7B%7Bimage%7D%7D
Фактическое имя изображения "burgerjpg1546494562.jpg" появляется как "% 7B% 7Bimage% 7D% 7D", когда я использую Laravel Mix, но работает правильно, когда я использую обычный сервер ремесленников. Мне нужно использовать Laravel Mix с синхронизацией браузера, чтобы страница обновлялась при изменениях, но тогда изображения не загружаются из-за этой проблемы с URL. Как мне решить эту проблему?
View
<script id="stores_listing_script" type="text/x-handlebars-template">
@{{#each this}}
<img class="img-fluid store_img" src="{{asset('/product_images/img')}}/@{{image}}" alt="@{{image}}">
@{{/each}}
</script>
webpack.mix.js
mix.js('resources/js/site_js/custom.js', 'public/js')
.sass('resources/sass/site_styles/style.scss', 'public/css')
.sass('resources/sass/site_styles/mediaquery.scss', 'public/css')
.options({
processCssUrls: false
})
.browserSync({
//proxy: process.env.APP_URL,
proxy: 'http://127.0.0.1:8000',
files: [
'resources/views/**/*.php',
'app/Http/**/*.php',
'public/assets/js/**/*.js',
'public/**/*.css',
]
});