CSS and Javascript MIME Errors

[Junto026]

Server Version#: Version 4.108.0
Player Version#: Web

When I access Plex webGUI through Safari (it doesn’t seem to happen on Chrome or Firefox), I get a blank white page. If I use web inspect, I see the attached.

If I then refresh, it loads on the second attempt. It happens each time I try to connect for the first time in a while.

Anybody know what causes this?

[pshanew]

What version of Safari are you using? What macOS version? And do you see the same behavior if you access the current, hosted version of the web client via https://app.plex.tv?

[Junto026]

I’m using Safari Version 17.0 (18616.1.27.111.22, 18616) and the client (my laptop) is running Ventura 13.6 (22G120).

Those errors don’t happen with https://app.plex.tv. Through more testing I’ve found the issue goes away when I bypass the Authelia authentication app I run alongside NGINX. The Authelia app configuration must be interfering with something… I will investigate that more.

Thank you for the helpful response!

[Junto026]

I sorted it out.

The issue was using https://plex.mydomain.com instead of https://plex.mydomain.com**/web**. I don’t understand exactly why that became an issue, but I added a line into my NGINX configuration so that, whenever the requested url is https://plex.mydomain.com, it re-directs to https://plex.mydomain.com/web, and now the issue is gone.

Example:

	server {
		listen 443 ssl;
		listen [::]:443 ssl;
		http2 on;
		server_name plex.mydomain.com;
		include /etc/nginx/conf.d/authelia_protectedapp_connection; # This forces user authentication through a separate app called Authelia... not needed for most folk

		location / {
			location = / {
 				return 301 /web;
			}			

			proxy_pass https://192.168.32.106:32400; 
			include /etc/nginx/conf.d/authelia_protectedapp_config;	# This forces user authentication through a separate app called Authelia... not needed for most folk
		}
	}