Get hands-on experience with 20+ free Google Cloud products and $300 in free credit for new customers.

Configuring path based routing using Global Application Load balancer using backend buckets

I am trying to map my backend buckets with global external Application Load Balancer. I have 2 buckets:

Bucket1=> accessed as www.example.com - working

Bucket2=> accessed as www.example.com/provider - not working

The configuration looks very simple on cloud console but it somehow does not work. Both the bucket are publicly accessible (added Storage object viewer for allUsers). Both buckets hosts react app. I have mapped the Index (main) page suffix to index.html and Error (404) as well to index.html under website configurations  and it renders the same index.html but with 404 response code. It does not download any static content of the react app. However, since Bucket2 was not working I have put some image or text files in bucket2 and removed react code and it is still not working. Any hints what am I missing or doing wrong?

 
defaultService: projects/dev-project/global/backendBuckets/main-bucket
name: path-matcher-1
pathRules:
- paths:
  - /provider/*
  service: projects/dev-project/global/backendBuckets/provider-bucket
4 0 118