nginx

The original post: /r/nginx by /u/Sarquamon on 2024-09-26 04:51:48.

Hello community, I'm currently currently having an issue when being redirected back from a SSO server. Also, I'm still a bit of an NGINX newbie so any support is much much appreciated. Thanks in advance! :D

 A bit of context:

I'm working on creating a react app (using ts + vite) and I'm using NGINX to serve the bundle generated by vite.

Said application is using the react-router-dom package for routing the application, and in said router I have a route set up as: /redirect which as it implies, is the route which the SSO redirect back as a callback.

The issue

Whenever I open up the application in a docker container using openresty for serving the files it does find the actual index.html and redirects to the SSO, then when it comes back to /redirect from the SSO NGINX complains that the index.html is no where to be found.

 What I've tried

• Made sure the routes in the server are correct.
• The root folder is correct under the nginx.conf file
• Default.conf file is deleted as everything will live under the nginx.conf file
• Updated the base property under the vite.config file
• Added a specific /redirect route under nginx
• Changed try_files for index directive
• Updated the root folder
• Read through posts, comments and replies accros multiple sites :')
• Prayed to the old gods and the new ones.

 Project / NGINX config

The project as previously mentioned is a React app using vite and TS. I do have an auth wrapper which verifies the user is logged in from the start, this wrapper is responsible for redirecting to the SSO.

In the routes I have a /redirect route which is when the SSO comes back (callback). The URL comes something like: https://localhost:8080/some/path/redirect#acc=...

and then... the app breaks.

Once I run the vite build command, vite bundles everything and drops it in a /dist folder. I copy just the contents of the folder and deploy it using an openresty container.

Since this is running under openresty container, I've set nginx.conf file as:

nginx.conf

pid /tmp/nginx.pid;
error\_log /dev/stdout;

events {
 worker\_connections 1024;
}

pcre\_jit on;
worker\_processes auto;

http {
 access\_log off;
 error\_log /usr/local/openresty/nginx/logs/error.log debug;

include mime.types;
 keepalive\_timeout 65;
 default\_type application/octet-stream;

client\_body\_temp\_path /tmp/client\_temp;
 proxy\_temp\_path /tmp/proxy\_temp\_path;
 fastcgi\_temp\_path /tmp/fastcgi\_temp;
 uwsgi\_temp\_path /tmp/uwsgi\_temp;
 scgi\_temp\_path /tmp/scgi\_temp;

server {
 listen 8080 ssl;

sendfile on;

proxy_read_timeout 300s; port_in_redirect off;

ssl_certificate /usr/local/openresty/nginx/conf/ssl/server.crt; ssl_certificate_key /usr/local/openresty/nginx/conf/ssl/server.key;

ssl_session_cache shared:SSL:1m; ssl_session_timeout 5m;

ssl_protocols SSLv2 SSLv3 TLSv1.2;

ssl_ciphers HIGH:!aNULL:!MD5; ssl_prefer_server_ciphers on;

large_client_header_buffers 4 32k;

root /usr/local/openresty/nginx/site/some/path;

location ~* .(?:css|js|map|jpe?g|gif|png|ico)$ { access_log /usr/local/openresty/nginx/logs/access.log combined; add_header Cache-Control public; add_header Pragma public; add_header Vary Accept-Encoding; expires 1M; }

location =/health { add_header Content-Type text/json; return 200 '{"Status": "Ok"}'; }

location / { try_files $uri $uri/ /index.html; }

}
}

The flow would be:

locahost:8080/some/path -> sso server -> localhost:8080/some/path/redirect#ac=...

Many many thanks in advance, any help is much appreciated.