AMP-Access-Control-Allow-Source-Origin header not found - html

Question

I have amp-list element whose src is a search.php file containing product information.
When validating, I'm tld there is no AMP-Access-Control-Allow-Source-Origin header, although I have set one. Here is the php file:
<?php
header('Content-Type: application/json');
// header('AMP-Access-Control-Allow-Source-Origin: http://localhost');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Allow-Origin: https://www-xt2-extenders-com.cdn.ampproject.org');
header('Access-Control-Expose-Headers: AMP-Access-Control-Allow-Source-Origin');
header('AMP-Access-Control-Allow-Source-Origin: https://www.xt2-extenders.com');
// filter parameters
$filter = isset($_REQUEST["filter"])?$_REQUEST["filter"]:"";
$products = array(
array(
"name"=>"HXT²",
"price"=>2050.00,
"color"=>"blue",
"description"=>"Super cool super power t-shirt",
"image"=>"../img/hxt-set-500-1.png"
),
array(
"name"=>"DXT²",
"price"=>1980.00,
"color"=>"yellow",
"description"=>"Super cool super power t-shirt",
"image"=>"../img/dxt²-set-500-2.png"
),
array(
"name"=>"SXT²",
"price"=>2050.00,
"color"=>"green",
"description"=>"Super cool super power t-shirt",
"image"=>"../img/sxt²-set-500-2.png"
),
array(
"name"=>"DPXT²",
"price"=>3350.00,
"color"=>"red",
"description"=>"Super cool super power t-shirt",
"image"=>"../img/dpxt²-set-500.png"
)
)
// Filter by subcategory
if(!empty($filter) && !in_array($filter, array('null', 'none'))) {
$filtered = array();
foreach ($products as $product) {
if($product['color']==$filter) {
$filtered[] = $product;
}
}
$products = $filtered;
}
header("HTTP/1.0 200 Ok");
And the html:
<!-- amp-list to fetch and display search results -->
<!-- with amp-bind, the search keywords, filter, and sort options are all bound to the amp-list src URL -->
<!-- This means that whenever one of them changes, amp-list will update and fetch the new URL -->
<amp-list credentials="include"
width="auto" height="600" layout="fixed-height"
src="/amp/templates/search.php?filter="
[src]="'/amp/templates/search.php?filter='+(filter||'')">
<!-- amp-mustache template to display returned results -->
<template type="amp-mustache">
<ul class="related-items">
{{#results}}
<li>
<figure class="related-thumb">
<amp-img src="{{image}}"
width="60" height="60" layout="responsive">
</amp-img>
<figcaption>
<span class="title">{{name}}</span>
<span class="price">€{{price}}</span>
<span class="description">{{description}}</span>
</figcaption>
</figure>
</li>
{{/results}}
</ul>
{{#empty}}
<p>No products matched your search terms</p>
{{/empty}}
</template>
</amp-list>
What do I do wrong? I have read other questions here, and tried to modify my code, but it didn't work.

Answer 1

Try this code in my case it solved an issue
$domain_url = (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]";
$http_origin = isset($_SERVER['HTTP_ORIGIN']) && $_SERVER['HTTP_ORIGIN'] ? $_SERVER['HTTP_ORIGIN'] : $domain_url;
header("Content-type: application/json");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Origin: " .$http_origin);
header("AMP-Access-Control-Allow-Source-Origin: " . $domain_url);
header("Access-Control-Expose-Headers: AMP-Access-Control-Allow-Source-Origin");
Hope it gonna help you too