I am having an interesting issue when I use Okta authentication with my Vue application. After I am redirected back to my application after signing in with the Okta sign-in page the images in my header aren’t being loaded. I’m pretty sure I tracked down the issue, but I’m not sure if there is a fix that I can do without breaking the Vue theme my company purchased, or if it’s a bug that needs to be addressed.
After digging around in the dev tools in my browser it appears that the header logo, a png image, is being loaded with a text/html content type. There are other images on the page that are loaded without issue. It seems that because the header image is outside of the tag (I’m using Vue Router) it isn’t loading properly. Putting the header and menu inside the components that are loaded in the router-view tag seems like it goes against the Vue Router documentation. Any help/advice would be appreciated. Thanks!
Also, when I refresh the page all the images load without issue…
Okta packages installed
okta/okta-auth-js@4.9.2
okta/okta-vue@4.0.1