以波浪号开头的 Blazor 引用的解释是什么？ "~/(...)"

Question

以波浪号开头的Blazor引用的解释是什么？"~/(…(">

这可以在_Hosts.cshtml文件中找到：

<link href="~/css/Chart.css" rel="stylesheet" />
<link href="~/css/site.css" rel="stylesheet" />

"~"的确切含义是什么？只有"/"或没有"/"有什么区别？

如果你指的是外部库，使用"~"(不(重要吗？

我找不到对此的解释。

Answer 1

在Razor.cshtml文件中，波浪形斜线(~/(指向web根。

默认的web根目录是wwwroot。

以~/开头的路径称为虚拟路径。

Tilde Slash是Razor的一个功能，它将相对路径转换为绝对路径。因此，<link href="~/css/Chart.css" rel="stylesheet" />中href的路径将转换为这样的绝对路径：

<link href="/css/Chart.css" rel="stylesheet" />

请注意，_Hosts.cshtml文件包含base元素，如下所示：

<base href="~/" />

"~/"是一个相对路径，它被转换为<base href="/" />

当NavigationManager需要获得绝对URL时，基本URL用于解析相对URL。

如果引用外部库，使用(不("~"重要吗？

如果external是指Blazor应用程序空间的外部，我想你根本不应该使用波浪号斜杠功能。您应该提供一个绝对的url，例如：

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"

注意：据我所知，波浪形斜线在Blazor上下文中唯一使用的地方是_Host.cshtml文件中的基本元素

希望这能帮助。。。

Answer 2

只使用"/"或不使用有什么区别？

想象一下，你的应用程序生活在一个文件夹中，你突然知道了名称，或者它在不同安装之间有所不同。

/dev//prod/

您不能使用/，也不想在编译时知道名称。

ASP.NET MVC(不是(！(Blazor，发生在前面(放入应用程序文件夹的根源，如请求中所示，并在运行时确定。