Actix-web 2.0静态文件服务求助：无法加载关联JavaScript文件

我来帮你搞定这个静态文件服务的问题——看起来你在路径映射上踩了个小坑！咱们一步步梳理修复方案：

1. 核心问题：静态文件路径映射配置错误 #

你当前代码里的静态服务配置是：

.service(fs::Files::new("/static", ".").show_files_listing())

这行代码把**服务器的根目录（.）**映射到了/static路径下，也就是说当浏览器请求/static/Registration.js时，服务器会去./Registration.js找文件，但你的JS文件实际在./static/Registration.js，自然会找不到。

正确的配置应该是把./static目录直接映射到/static路径：

.service(actix_files::Files::new("/static", "./static"))

如果不需要让用户看到目录文件列表，建议去掉.show_files_listing()，避免不必要的安全风险。

2. 确保HTML中资源引用路径正确 #

打开static/index.html，检查Registration.js的引用路径，必须使用绝对路径（以/static开头）：

<script src="/static/Registration.js"></script>

如果用相对路径（比如./Registration.js），当用户访问根路径/时，浏览器会请求/Registration.js，而这个路径并没有被静态服务处理，必然会返回404。

3. 优化代码结构（可选但推荐） #

把嵌套在main里的index函数移到外部，让代码更清晰；同时用PathBuf::from代替parse，更符合Rust的代码规范：

use actix_files::NamedFile;
use actix_web::{HttpRequest, Result, web, App, HttpServer};
use std::path::PathBuf;
// 其他必要导入...

// 将index函数移至main外部，提升可读性
async fn index(_req: HttpRequest) -> Result<NamedFile> {
    let path = PathBuf::from("./static/index.html");
    Ok(NamedFile::open(path)?)
}

#[actix_rt::main]
async fn main() -> std::io::Result<()> {
    dotenv::dotenv().ok();
    std::env::set_var("RUST_LOG", "actix_web=debug");
    let database_url = std::env::var("DATABASE_URL").expect("set DATABASE_URL");

    // 创建数据库连接池
    let manager = ConnectionManager::<PgConnection>::new(database_url);
    let pool: Pool = r2d2::Pool::builder()
        .build(manager)
        .expect("Failed to create pool.");

    // 启动HTTP服务器
    HttpServer::new(move || {
        App::new()
            .data(pool.clone())
            // 修正后的静态文件服务配置
            .service(actix_files::Files::new("/static", "./static"))
            .route("/", web::get().to(index))
            .route("/users", web::get().to(handler::get_users))
            .route("/users/{id}", web::get().to(handler::get_user_by_id))
            .route("/users", web::post().to(handler::add_user))
            .route("/users/{id}", web::delete().to(handler::delete_user))
    })
    .bind("127.0.0.1:8080")?
    .run()
    .await
}

验证修复效果 #

启动服务器后，访问http://127.0.0.1:8080，打开浏览器控制台，应该不会再出现Registration.js的加载错误。你也可以直接访问http://127.0.0.1:8080/static/Registration.js，确认能正常看到JS文件内容。

内容的提问来源于stack exchange，提问作者Fatima Nasim