loading...

Fix AWS amplify angular app error on Access Denied error

victorleungtw profile image Victor Leung Originally published at Medium on ・1 min read

When deploy your angular app on AWS amplify, the first landing page is able to load. However, when you defined a path in your router, and try to access it, you would hit Access Denied error:

The solution is to navigate to AWS console, select “ Rewrites and redirects ”, add a new rewrite and redirects, click on “ Open text editor ”, and add the below rule:

[
    {
        "source": "</^[^.]+$|\\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|ttf)$)([^.]+$)/>",
        "target": "/index.html",
        "status": "200",
        "condition": null
    }
]

Try again to access your url, it should work now.

Originally published at https://victorleungtw.com on September 19, 2020.

Posted on by:

victorleungtw profile

Victor Leung

@victorleungtw

Years of experience delivering enterprise projects with global stakeholders in banking, airline and gaming industries involving a broad range of technologies. Lead web and mobile app development team.

Discussion

pic
Editor guide