如何使用 Handlebar helper 使生产商店的 URL 来自 CDN

问题描述

我是 Handlebars 的新手，我有一个包含图像 URL 的对象数组，所以我想使用 handlebars 助手来显示它。我做了以下代码：

let mainData = [
  {
    image1: '/assets/images/site/showcase/sizechart/1-1.png',image2: '/assets/images/site/showcase/sizechart/1-2.png',name: 'cyclisting.com',},{
    image1: '/assets/images/site/showcase/sizechart/2-1.png',image2: '/assets/images/site/showcase/sizechart/2-2.png',name: 'karmaplace.com',{
    image1: '/assets/images/site/showcase/sizechart/12-1.png',image2: '/assets/images/site/showcase/sizechart/12-2.png',name: 'apexfitness.co',];

router.get('/size-chart',(req,res,next) => {
  let dataToPass = mainData;
  res.render('showcase/size-chart',{
    title: 'First page',groupData: dataToPass,});
})

<div class="container">
        <div class="row">
            {{#each groupData}}
            <div class="col-md-6">
                <div class="card_container cursor">
                    <div id='Card{{@index}}' onclick="callLightBox('{{this.image1}}','{{this.image2}}','{{@index}}')">
                        <a id="image{{@index}}">
                            <img src={{this.image1}} onmouSEOver="this.src='{{this.image2}}'"
                                onmouSEOut="this.src='{{this.image1}}'">
                        </a>
                    </div>
                </div>
                <div class="card_container cursor" id="card_container{{@index}}" style="display: none;">
                    <div id='Card{{@index}}'>
                        <a id="image_{{@index}}">
                            <img src={{this.image1}}>
                        </a>
                    </div>
                </div>
                <div class="card_text">
                    <a href="http://{{this.name}}/" target="_blank">{{ this.name }}</a>
                </div>
            </div>
            {{/each}}
        </div>
    </div>

由于此代码正在运行，但我想要图像，因此它应该使用静态车把助手，以便从 CDN 加载。我哪里弄错了？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）