title: Angular + OIDC Implicit Flow Silent Renew
body: <p>I'm using the <a href="https://www.npmjs.com/package/angular-auth-oidc-client" rel="nofollow noreferrer">angular-auth-oidc-client</a> package for authentication in my Angular application with our OIDC server. We use the implicit flow, and it works, but some of our users get logged out while doing stuff in the application at the end of the access token lifetime. So we wanted to implement the Silent Renew functionality, which is detailed in the docs for the package.</p>
  
  <p>So, I added a <code>silent-renew.html</code> file and placed it in the <code>/src</code> folder for the Angular application, as well as tried placing it in the <code>/assets</code> folder. When in the <code>/assets</code> folder, I get an error in the console that the Angular application can't find a matching route:</p>
  
  <p><a href="https://i.stack.imgur.com/auhsV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/auhsV.png" alt="enter image description here"></a></p>
  
  <p>It shows up just once, and the silent renew doesn't work; you still get logged out. If it's in the <code>/assets</code> folder, no error shows up, but the silent renew still doesn't work.</p>
  
  <p>My real question is: where do I place the <code>silent-renew.html</code> file and how do I properly configure the package to do the silent renew? </p>
  
  <p>When deployed, we build the angular app and place it in a docker container, served by NGINX. Locally, we're just using the CLI to serve the application.</p>