infinite redirect when serving from a subfolder with adapter-static

[xucian]

Describe the bug

I have django for backend and (trying to have) svelte on the frontend.
I'm serving the static output of sveltekit via django & whitenoise (but I can also reproduce it with a simple python server, so it's not about django).

in django, I'm returning index.html for any path that doesn't exist:
urls.py

    re_path(r'^(?!static/).*$', serve, {
        'document_root': settings.STATIC_ROOT,
        'path': 'spa/index.html'
    }),

this works fine with an angular-based front-end (using ng build --base-href=/static/spa/) , but svelte is just stuck in a redirect loop no matter what I try.

I'm doing everything I've found in docs. the initial load correctly finds all the js files and the index.html, but it just shows a white page and it infinitely redirects to something -- I can't quite debug it as it's happening really fast.

svelte.config.js

// import adapterAuto from '@sveltejs/adapter-auto';
import adapterStatic from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
	// for more information about preprocessors
	preprocess: vitePreprocess(),

	kit: {
		adapter: adapterStatic({
			fallback: 'index.html', // SPA mode // may differ from host to host

			pages: "../.frontend-dist",
		}),
		prerender: {
			entries: []
		},
		paths: {
			base: "/static/spa",
		}
	},
};

export default config;

any help is appreciated

Reproduction

I'm sure this is immediately obvious to maintainers. please just go over my message and I'm sure you'll know why it happens, it's probably a hidden config I'm missing that I'm not aware of

Logs

No response

System Info

System:
    OS: macOS 14.6.1
    CPU: (10) arm64 Apple M1 Max
    Memory: 161.69 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.16.1 - ~/.nvm/versions/node/v18.16.1/bin/node
    npm: 9.5.1 - ~/.nvm/versions/node/v18.16.1/bin/npm
  Browsers:
    Chrome: 129.0.6668.60
    Safari: 17.6

Severity

blocking all usage of SvelteKit

Additional Information

No response

[eltigerchino]

Please provide a minimal reproduction.

[zvolsky]

You need a better help as from me (pure english, pure knowledge of these problems) and I am not sure what you want achieve.

For me thinks work now.
I have set adapter-static and made a build. It was only single index.html, other pages from /src/routes were not generated. The index.html caused infinite loop in browser for me.
The key step with adapter-static is export const prerender = true; in /src/routes/+layout.js. The build will then properly generate the whole /src/routes tree.

Now you need to serve the resulting static files somehow.
For that I have a urls with items

    path('', svelte_index),  # Serve the SvelteKit app at the root
    path('<path:path>', svelte_index),  # Catch all other routes for frontend

In that view I add .html extension to the path received from url. And I send the file content as html text response. Here my view:

def svelte_index(request, path='index'):
    """
        Static files (js/css/..) are served via whitenoise on url static/, not reaching this view.
        Urls for prerendered files are served through this view, '.html' will be appended and the file is 1:1 send to response.
    """
    # Path to the Svelte build directory
    if path.endswith('/'):
        path = path[:-1]
    path = os.path.join(settings.STATIC_ROOT, f'{path}.html')

    try:
        with open(path, 'rb') as f:
            return HttpResponse(f.read(), content_type='text/html')
    except FileNotFoundError:
        return HttpResponse(f"{path} not found.", status=404)

As you can read in the comment, this view serves .html files, but it is not suitable to serve other svelte generated files (js, css,..).
For them I do collectstatic and serve them via whitenoise. If the file is found in static/ directory (target of collectstatic), it is served via whitenoise and such static/.... url will not reach urls.py at all.
To collectstatic can work properly, set something like STATICFILES_DIRS = [BASE_DIR / "../frontend/build/" ] as additional source of static files.

Additionally I have in urls endpoints for standard Django Admin and for Django made API.
Now everything works in both modes:

• with Django on localhost:8000 and SvelteKit frontend on :5173
• with only Django on localhost:8000 and generated files from STATIC_ROOT.