Edge Delivery Services Response Headers

As part of this blog we will try to add custom response headers. We can also resolve CORS issue post adding these required custom response headers.

To implement responses header, follow these steps:

Begin by creating a folder titled .helix in the root folder as shown below:

Below is the highlighted folder got created names as .helix

Under .helix folder create a Google Sheet titled headers as shown below:

headers Google sheet created within .helix folder as shown below:

Click on Preview button to successfully activate headers Google Sheet:

Visit the homepage at ‘https://main--edge--tokhanimran.hlx.page/'. Upon landing on the site, initiate the developer console on your browser. Direct your attention to the section indicated as point number 2. Navigate to the Headers tab, specifically seeking out the Response headers section. Here, you will find that our custom header General having value as header one got successfully added.

On news page, there are two headers got successfully added as General and News-Page having values header one and news header respectively.

For news page, both the below headers general and news page header got applied as they are matching URL regex.

Edge Delivery Services Overview
Development
Personalized Google Drive
Sidekick Chrome Extension
Page Hierarchy
Local environment Setup
Page HTML Structure
Section Metadata
Metadata
Redirects
Response Headers
Access excel data in JSON format
Fragment
Forms
Indexing
Services Sitemap and robots.txt
Code Structure
Card Block Example

I hope you found out this article interesting and informative. Please share it with your friends to spread the knowledge.

You can follow me for upcoming blogs follow.
Thank you!