在SwiftUI中用Swifter部署Angular项目遇路径错误求助

核心问题分析 #

你的代码存在两个关键问题：

1. 硬编码绝对路径，这在App沙盒环境下不可靠，且不同设备路径不一致
2. 错误尝试获取index.html的文件路径，而shareFilesFromDirectory需要的是目录路径，而非单个文件路径

方案一：将Angular构建产物嵌入Xcode项目（推荐） #

这是最稳定的方式，适合打包分发的App：

1. 构建Angular静态文件
   在Angular项目根目录执行命令：

ng build

执行后会生成dist/你的项目名目录，包含所有静态资源。

2. 将静态资源导入Xcode

• 打开Xcode，把dist下的整个项目目录拖到Project Navigator中
• 勾选「Copy items if needed」，确保目标选择你的App主target
• 检查Build Phases > Copy Bundle Resources，确认该目录下的所有文件都已被包含

3. 修正Swifter代码
   修改startServer方法，正确读取Bundle内的目录路径：

func startServer() {
    // 替换成你拖进Xcode的Angular目录名称（比如"my-angular-app"）
    guard let webAppDir = Bundle.main.path(forResource: nil, ofType: nil, inDirectory: "my-angular-app") else {
        print("Web app directory not found.")
        return
    }
    
    // 共享整个目录的静态文件
    server["/"] = shareFilesFromDirectory(webAppDir)
    
    do {
        try server.start(8081)
        print("Web server started on port 8081")
    } catch {
        print("Failed to start the web server: \(error)")
    }
}

方案二：读取外部目录（仅适合调试或特殊场景） #

如果必须读取外部目录（比如下载目录），需要处理沙盒权限：

1. 添加权限描述
   在Info.plist中添加以下键值对（根据你要访问的目录选择）：

• 访问下载目录：NSDownloadsDirectoryUsageDescription，值填"需要访问下载目录以加载Angular项目"
• 访问文档目录：NSDocumentDirectoryUsageDescription，值填"需要访问文档目录以加载Angular项目"

2. 修正路径获取逻辑
   不要硬编码绝对路径，用系统API获取目录：

func startServer() {
    // 获取下载目录路径
    guard let downloadsDir = FileManager.default.urls(for: .downloadsDirectory, in: .userDomainMask).first?.path else {
        print("Failed to get downloads directory.")
        return
    }
    // 拼接Angular项目所在的子目录
    let webAppDir = downloadsDir + "/dirFile"
    
    if FileManager.default.fileExists(atPath: webAppDir) {
        server["/"] = shareFilesFromDirectory(webAppDir)
        
        do {
            try server.start(8081)
            print("Web server started on port 8081")
        } catch {
            print("Failed to start the web server: \(error)")
        }
    } else {
        print("Web app directory not found.")
    }
}

3. 授予权限
   运行App后，会弹出权限请求弹窗，点击允许；如果是macOS，还需要在「系统设置 > 隐私与安全性 > 文件与文件夹」中给App授予对应目录的访问权限。

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