.NET 9 Maui Blazor Hybrid&Web：JS文件存放与引用文件配置问题

1. JavaScript文件的放置方案 #

针对你遇到的Web项目无wwwroot、Shared项目无法直接引用JS的问题，有两种可行方案：

• 方案一：给Web项目添加独立的wwwroot
  手动在你的.Web项目根目录创建wwwroot文件夹，把JS文件放在这里，然后在Web项目的index.html（可手动创建或通过添加Blazor Web App模板页面生成）里用<script src="xxx.js"></script>引用。同时确保Web项目的Program.cs里配置了静态文件中间件（默认生成的项目一般已有app.UseStaticFiles();，没有的话加上即可）。
• 方案二：复用Shared项目的wwwroot
  若想让JS在多端共享，保留在Shared项目的wwwroot里，需要：
  1. 把Shared项目中wwwroot下的JS文件属性设置为复制到输出目录（右键文件→属性→复制到输出目录选择“始终复制”或“如果较新则复制”）；
  2. 在.Web项目中添加对.Shared项目的项目引用；
  3. 在Web项目的index.html里通过相对路径引用，比如<script src="_content/你的Shared项目名称/xxx.js"></script>（_content是Blazor引用类库静态资源的默认路径）。

注意：基础项目的wwwroot是针对MAUI客户端（Windows/Android/iOS）的，Web端确实不应使用这里的文件，避免多端资源混淆。

2. 基础项目中大型资源文件的Web端引用 #

要保留基础项目References/raw下的LLM、音频等文件并让Web端访问，按以下步骤配置：

1. 把基础项目中References/raw下的所有文件属性设置为复制到输出目录，确保文件能被输出到基础项目的构建目录；
2. 在.Web项目的Program.cs中，添加静态文件映射配置，指向基础项目的References/raw目录：

   // 替换为你的基础项目名称，比如"MyApp.Maui"
   var rawFilesPath = Path.Combine(Directory.GetCurrentDirectory(), "../MyApp.Maui/References/raw");
   app.UseStaticFiles(new StaticFileOptions
   {
       FileProvider = new PhysicalFileProvider(rawFilesPath),
       RequestPath = "/raw-resources" // 这是Web端访问的路径前缀
   });
   

3. 之后在Web端的代码里，就可以通过/raw-resources/xxx.model或者/raw-resources/audio.mp3这样的路径引用这些文件了。

如果担心路径在不同环境（开发/发布）下的问题，也可以通过配置文件管理路径，或者发布时同步文件到Web项目的wwwroot目录，但前者更符合你保留文件位置的需求。

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