403 authorize:1 on angular front-end singular application on Azure with .NET api working on...

We made a front-end in angular with Auth0 and an api in .NET with Auth0 authentication on the calls. Our API normally works https but our frontend keeps loading and gives 403 error on authorization. First time working with Auth0 and angular and pushing it online. This is our frontend https://olense-feesten.azurewebsites.net/ . Even the login button in footer gives callback uri mismatch, but is in Auth0. Could really use help on how to tackle this problem.

I checked the callback uri on Auth0, and is the same. Changed the id's and audience but nothing works. The callback uri on this moment is url/admin.

Also added a web.config for the routes to work on refresh.

<configuration>
<system.webServer>
<rewrite>
<rules>
<clear />
<rule name="Redirect to https" stopProcessing="true">
<match url="(.*)" />
<conditions>
<add input="{HTTPS}" pattern="off" ignoreCase="true" />
</conditions>
<action type="Redirect" url="https://{HTTP_HOST}{REQUEST_URI}" redirectType="Permanent" appendQueryString="false" />
</rule>
<rule name="AngularJS Routes" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
</configuration>

Continue reading...