Как работать с CORS для AMP

У меня есть страница, на которой используется amp-list для динамического перечисления продуктов с использованием файла JSON. Моя структура каталогов выглядит следующим образом: *root*/amp/product-name/, а затем в каталоге product-name у меня есть index.html с AMP HTML и products.json, который содержит данные о продукте, которые я отображаю на странице. Если я захожу на страницу напрямую, все работает как положено: https://example.com/amp/product-name/

Проблема возникает, когда я захожу с CDN ampproject.org.

Вот настоящая страница. Если вы посетите консоль, вы увидите, что есть ошибка CORS. Как мне с этим справиться? В документации неясно, как именно работать, просто очень расплывчатый обзор, поэтому для новичков это не имеет смысла для меня, и я не могу просто интуитивно понять, как это сделать. Я знаю, что мне нужен какой-то обработчик запросов, который я частично создал, скопировав код из собственного app.js AMP, на который они ссылаются в своей документации. В элементе amp-list я ранее указывал src непосредственно на файл JSON, но теперь я вижу, что мне нужно указать обработчик (например, файл JS), а затем обработчик установил заголовок запроса, а затем вывести правильный JSON.

Вот что у меня есть для обработчика запросов:

/**
 * @param {string} url
 * @param {string} param
 * @param {*} value
 * @return {string}
 */
function addQueryParam(url, param, value) {
  const paramValue = encodeURIComponent(param) + '=' + encodeURIComponent(value);
  if (!url.includes('?')) {
    url += '?' + paramValue;
  } else {
    url += '&' + paramValue;
  }
  return url;
}

function enableCors(req, res, origin, opt_exposeHeaders) {
  res.setHeader('Access-Control-Allow-Credentials', 'true');
  res.setHeader('Access-Control-Allow-Origin', origin);
  res.setHeader('Access-Control-Allow-Origin', 'https://www-perfectimprints-com.cdn.ampproject.org');
  res.setHeader('Access-Control-Expose-Headers', ['AMP-Access-Control-Allow-Source-Origin'].concat(opt_exposeHeaders || []).join(', '));
  if (req.query.__amp_source_origin) {
    res.setHeader('AMP-Access-Control-Allow-Source-Origin', req.query.__amp_source_origin);
  }
}

function assertCors(req, res, opt_validMethods, opt_exposeHeaders, opt_ignoreMissingSourceOrigin) {
  // Allow disable CORS check (iframe fixtures have origin 'about:srcdoc').
  if (req.query.cors == '0') {
    return;
  }
  const validMethods = opt_validMethods || ['GET', 'POST', 'OPTIONS'];
  const invalidMethod = req.method + ' method is not allowed. Use POST.';
  const invalidOrigin = 'Origin header is invalid.';
  const invalidSourceOrigin = '__amp_source_origin parameter is invalid.';
  const unauthorized = 'Unauthorized Request';
  let origin;
  if (validMethods.indexOf(req.method) == -1) {
    res.statusCode = 405;
    res.end(JSON.stringify({
      message: invalidMethod
    }));
    throw invalidMethod;
  }
  if (req.headers.origin) {
    origin = req.headers.origin;
    if (!ORIGIN_REGEX.test(req.headers.origin)) {
      res.statusCode = 500;
      res.end(JSON.stringify({
        message: invalidOrigin
      }));
      throw invalidOrigin;
    }
    if (!opt_ignoreMissingSourceOrigin && !SOURCE_ORIGIN_REGEX.test(req.query.__amp_source_origin)) {
      res.statusCode = 500;
      res.end(JSON.stringify({
        message: invalidSourceOrigin
      }));
      throw invalidSourceOrigin;
    }
  } else if (req.headers['amp-same-origin'] == 'true') {
    origin = getUrlPrefix(req);
  } else {
    res.statusCode = 401;
    res.end(JSON.stringify({
      message: unauthorized
    }));
    throw unauthorized;
  }
  enableCors(req, res, origin, opt_exposeHeaders);
}

А вот что я использую для HTML.

<amp-list credentials = "include" width = "auto" height = "1500" layout = "fixed-height" src = "https://perfectimprints.com/amp/handle-amp-requests.js" class = "m1">
      <template type = "amp-mustache" id = "amp-template-id">
        <div class = "product" style = "padding-top: 1em;">
          <a class = "wrapper-link" href = "{{ link }}">
            <amp-img alt = "{{ title }}" width = "1000" height = "1000" src = "{{ src }}" layout = "responsive"></amp-img>
            <h3 class = "product-name text-centered">
              {{title}}
            </h3>
            <h4 class = "text-centered sku margin-minus-1">{{ sku }}</h4>
            <div class = "text-centered get-price">
              <a class = "text-centered get-price-link" href = "{{ link }}">Get pricing now</a>
            </div>
          </a>
        </div>
      </template>
      <div overflow role = "button" aria-label = "Show more">
        Show more
       </div>
    </amp-list>

https://www-perfectimprints-com.cdn.ampproject.org/c/s/www.perfectimprints.com/amp/trick-or-treat-bags/index.html