URL-адреса изображений имеют символы% при использовании Handlebar + Laravel Mix - PullRequest
0 голосов
/ 15 января 2019

Мое приложение не загружает изображения при использовании с 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',
      ]
   });
...