使用车把和Laravel混合时图像URL带有％符号

Question

当通过Handlebar模板引擎生成内容时，与Laravel Mix一起使用时，我的应用程序不会加载图像。

Laravel artisan服务器中的图像URL正确加载：

http://127.0.0.1:8000/product_images/burgerjpg1546494562.jpg

但是，这是我的Webpack浏览器使用相同图像的Laravel Mix同步URL输出的样子：

http://localhost:3000/product_images/%7B%7Bimage%7D%7D

当我使用Laravel Mix时，实际的图像名称“ burgerjpg1546494562.jpg”为“％7B％7Bimage％7D％7D”，但在使用普通的工匠服务器时可以正常使用。我需要在浏览器同步中使用Laravel Mix，以便页面会在更改后刷新，但是由于此URL问题而导致无法加载图像，我该如何解决呢？

查看

<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',
      ]
   });