So to deploy angular2 app we simply upload all production files to a bucket just as described here. (deploy static website).

But how can we redirect all urls to index.html so that angular2 router can take care of them. We can set Main Page from website configuration of bucket. But we cannot specify that all urls should redirect to index.html.

Currently any url other than Main Page results in 404 page not found.

There is similar question on SO for amazon S3, but cannot find one for google cloud.

So to deploy angular2 app we simply upload all production files to a bucket just as described here. (deploy static website).

But how can we redirect all urls to index.html so that angular2 router can take care of them. We can set Main Page from website configuration of bucket. But we cannot specify that all urls should redirect to index.html.

Currently any url other than Main Page results in 404 page not found.

There is similar question on SO for amazon S3, but cannot find one for google cloud.

• javascript
• angular
• google-cloud-platform

• Maybe you should share your current app configuration? – Dan Cornilescu Commented Jun 27, 2016 at 13:05
• 1 configuration of angular2 app..?? – hhsadiq Commented Jun 27, 2016 at 13:37
• 1 this is uploaded to simple google cloud bucket. Like uploading angular2 production folder from google buckets UI, there is no configuration for google app engine involved. – hhsadiq Commented Jun 27, 2016 at 13:41
• Ah, I was thrown off by the google-app-engine tag :) – Dan Cornilescu Commented Jun 27, 2016 at 16:33
• 1 @Nag: I haven't tried. hhsadiq's answer looks good. – Dan Cornilescu Commented Nov 24, 2016 at 14:22

1 Answer 1

I solved this issue by using a hack, not sure what the proper way to do this. But atleast this worked.

1. Open storage in console.cloud.google..

2. Click edit website configuration in buckets listing. Click far right in row with three dots. And select edit configuratione

3. Enter your main page same as 404 page. The angular routing will work fine this way.