html - .cshtml 文件中波浪号 (~/) 解析后的意外路径

Question

想象一下下面的一段 cshtml 文件:

<img src="~/img/image.jpg" />

并将其与以下内容进行比较:

<img src="@("~/img/image.jpg")" />

我希望在这两种情况下得到相同的结果，但是，~/ 部分仅在第一种情况下正确解析(到应用程序根目录)。第二个版本以 404 Not Found 结束，因为 src 解析为 http://localhost:50453/~/img/image.jpg。

这是错误还是功能？如果它是一项功能，那么其​​实现背后的逻辑是什么？

Answer 1

这是预期的行为。当 razor 看到 ~ 时，它会将其转换为应用程序根目录。但在第二个示例中，您将图像的路径作为字符串(包括 ~)传递，它本身将呈现为字符串。

你应该使用 src="~/img/image.jpg"