Text Diff module not working when using reverse proxy (with authentik)

gitmotion commented 1 month ago

Describe the bug

Text Diff module does not load anymore. Noticed it works if I access from the internal ip but not from the reverse proxy. I've also tried adding it directly to npm with a custom location mapped to the assests folder and container but still gives me the same error.

What happened?

It should load as it does on the internal ip

System information

Docker
Nginx Proxy Manager
Authentik

Where did you encounter the bug?

Self hosted

Fintanw23 commented 3 weeks ago

Wow exactly my issue and setup! Very annoying as text-diff is 90% of what i use this container for :(

gitmotion commented 3 weeks ago

ah so i'm starting to believe this is a CORS issue, since having an authentication provider like authentik redirects from the authentik URL. got this error this when trying to access my local version vs external version (instead of internal ip)

this still doesn't explain why the other modules work just fine though so i'm sure there's a fix in there that could be made.
it seems like an issue with how authentik handles the routing possibly

@Fintanw23 i'm not sure exactly how but somehow i fixed this lol with the following:

something i tried was logging out of authentik and then logging back and in hard refreshing ittools. it seems like there's a lot of caching going on. seems like once you get the file to load it stores it locally and allows it to work fine?
sorry i can't seem to pinpoint how i fixed it lol but i did something like this to get it to load, hope that helps

gitmotion commented 1 day ago

looks like the error was happening from dynamically importing the module

pr: https://github.com/CorentinTh/it-tools/pull/1352

imported component directly into text-diff.vue file

CorentinTh / it-tools