在弹出窗口打开wwwRoot内PDF失败，求助解决方法

问题核心 #

直接在JS的window.open里写~/test.pdf无效——浏览器无法识别Razor的~路径符号，必须通过服务器端解析生成客户端能识别的正确路径，同时要确保静态文件服务配置正常。

解决方案 #

1. 修正视图路径写法

推荐两种可靠写法：

• 方法一：服务器端生成路径嵌入JS
  用@Url.Content解析~符号，生成浏览器可识别的路径：

  <div style="margin-top:100px">
      <a href="#" onclick="window.open('@Url.Content("~/test.pdf")', '_blank', 'fullscreen=no'); return false;">MyPDF</a>
  </div>
  

  @Url.Content会根据应用根路径自动转换~，比如部署在根目录时输出/test.pdf，子路径部署时自动添加前缀。

• 方法二：分离HTML与JS（更规范）
  用asp-href让Razor自动解析路径，再通过JS获取该路径：

  <div style="margin-top:100px">
      <a id="pdfLink" asp-href="~/test.pdf" href="#">MyPDF</a>
  </div>
  
  <script>
      document.getElementById('pdfLink').addEventListener('click', function(e) {
          e.preventDefault();
          window.open(this.href, '_blank', 'fullscreen=no');
      });
  </script>
  

2. 确认静态文件服务配置

检查Program.cs中是否启用了静态文件中间件（ASP.NET Core默认配置，但手动修改后需确认）：

var app = builder.Build();

// 确保该行存在（通常在路由中间件之前）
app.UseStaticFiles();

// 其他中间件配置
app.UseRouting();
// ...

3. 验证文件可直接访问

在浏览器地址栏输入 http://localhost:你的端口号/test.pdf，如果能打开PDF，说明文件位置和静态服务正常；若不能，检查：

• test.pdf是否确实在wwwRoot根目录下
• 文件权限是否允许应用读取

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