How do I serve a Vite app?

[Android789515]

I'm trying to figure out how I can serve a built Vite app. I keep getting a 404:

Here it shows me serving static files in the docs:

But that doesn't match the docs in my editor:

Specifically this line:

                               // Shouldn't this be new("/", "./static") ??
HttpServer::new(|| App::new().service(fs::Files::new("/static", ".").show_files_listing()))

Either way I write it I keep getting 404.

I have my directories like this:

.
├── bun.lock
├── dist --already built
├── eslint.config.js
├── index.html
├── node_modules
├── package.json
├── package-lock.json
├── public
├── README.md
├── server
├── src
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

6 directories, 10 files

server
├── Cargo.lock
├── Cargo.toml
├── src
└── target

3 directories, 2 files

server/src
└── main.rs

1 directory, 1 file

My server code:

use std::io;

use actix_web::{App, HttpServer};

#[actix_web::main]
async fn main() -> io::Result<()> {
    HttpServer::new(|| {
        App::new()
            .service(
                actix_files::Files::new("/", "../../dist")
                    .show_files_listing()
            )
    })
    .bind(("0.0.0.0", 8080))?
    .run()
    .await
}

I have tried also, copying dist to a folder inside the server folder and I still get a 404.

[Android789515]

I figured out a problem. I assumed I needed to cd from main.rs but it's actually from the src folder for the server.

This:

actix_files::Files::new("/", "../../dist")

needs to be this:

actix_files::Files::new("/", "../dist")

I'm viewing my site now.