如何解除Tauri v2应用的本地文件与资源访问限制？

1. 核心安全配置调整 #

Tauri v2默认的安全策略会限制本地资源访问，你需要修改tauri.conf.json的安全字段来放宽限制：

• 将assetProtocol的scope设为["**/*"]，允许加载任意本地路径的资源
• 纯本地场景下可以直接关闭CSP（内容安全策略），避免它拦截file://协议的资源加载

示例配置代码：

{
  "tauri": {
    "security": {
      "assetProtocol": {
        "scope": ["**/*"]
      },
      "csp": null
    }
  }
}

2. 直接使用file://协议加载资源 #

配置生效后，前端可以直接通过file://路径加载各类资源，无需再通过Rust读取后注入DOM：

• 图片：<img src="file:///C:/example/image.png" />
• CSS：<link rel="stylesheet" href="file:///home/user/styles.css" />
• JS脚本：<script src="file:///Users/you/script.js"></script>

3. 动态路径的便捷处理 #

如果需要动态获取本地文件路径，可以通过以下方式简化操作：

• 前端调用Tauri的fs API获取目标文件路径，直接拼接成file:// URL使用
• 在Rust层将本地路径转换为合法的file:// URL返回给前端，避免前端处理路径格式问题

示例Rust命令代码：

use tauri::command;
use url::Url;

#[command]
fn convert_to_file_url(local_path: &str) -> Result<String, String> {
    let path = std::path::Path::new(local_path);
    Url::from_file_path(path)
        .map(|url| url.to_string())
        .map_err(|err| err.to_string())
}

注意事项 #

• 由于你的应用是纯本地运行，关闭CSP和放宽资源范围不会带来网络安全风险，但要确保应用仅在本地环境使用，不要暴露到网络中
• 修改配置后，需要重启Tauri开发服务器或重新构建应用才能生效

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