GCP - Static hosting - Redirects to /index.html

Question

I'm trying to serve a static website using GCP and Google Cloud Storage. I have done everything specified here https://cloud.google.com/storage/docs/hosting-static-website

Say I have the following file structure:

- index.html
- folder
    - index.html
    - another.html

I enter www.example.com/folder.

It redirects to www.example.com/folder/index.html => index.html is undesired

But if I enter www.example.com/folder/, it doesn't redirect and serves correctly the index.html page transparently.

How do I prevent the first behavior? Or automatically add a trailing slash?

Thanks!

Answer 1

Firebase Hosting might be easier than using a bucket, because one can define rewrite rules there.

Answer 2

As per https://cloud.google.com/storage/docs/hosting-static-website this behaviour is intended. As to whether it's desirable, that's a bigger issue.

For example, say you set the MainPageSuffix of your static website to index.html. Additionally, say you have no file named directory in your bucket www.example.com. In this situation, if a user requests the URL http://www.example.com/directory, Cloud Storage attempts to serve the file www.example.com/directory/index.html. If that file also doesn't exist, Cloud Storage returns an error page.

The MainPageSuffix also controls the file served when users request the top level site. Continuing the above example, if a user requests http://www.example.com, Cloud Storage attempts to serve the file www.example.com/index.html

Unfortunately I do not know of a way to automatically add the trailing slash. Perhaps you could add a message on index.html to the tune of "Did you mean to go to http://example.com/thisfolder/ instead of http://example.com/thisfolder/index.html", but this is something of a kludgy workaround.

Answer 3

You should be able to set the MainPageSuffix to the index.html accordingly. For more information, check the additional notes available in public documentation link. Reference example can be found in the same documentation.

Syntax:

gsutil web set [-m main_page_suffix] bucket_url

Answer 4

If you follow the tutorial above, then you must have a app.yaml file to describe your routing rules. Here is an answer for that:

Angular 7 Routing in Google Cloud App Engine not working

Answer 5

Check this out

https://cloud.google.com/storage/docs/gsutil/commands/web#description

The main_page_suffix applies to each subdirectory of the bucket. For example, with the main_page_suffix configured to be index.html, a GET request for http://www.example.com would retrieve http://www.example.com/index.html, and a GET request for http://www.example.com/photos would retrieve http://www.example.com/photos/index.html.