避免将虚拟目录添加到ASP.NET 5应用程序上的路径

Question

在ASP.NET 5 MVC视图上，我具有以下内容：

<header style="background-image: '/assets/poster.jpg')">

文件夹“资产”在wwwroot内部...

这可以正常工作，但是当我将项目托管在服务器上的虚拟目录下时，我需要将虚拟目录名称添加到路径中：

<header style="background-image: '/virtualdirectory/assets/poster.jpg')">

如何避免这种情况？

Answer 1

有趣的是，这将起作用

<img src='~/assets/poster.jpg'/>

但是，这不会

<div style="width:990px; height:99px; background-image: url('~/assets/poster.jpg')"> </div>

对于内联样式，可以使用Url.Content帮助器方法来生成应用程序绝对路径。

下面的代码应该工作。

<div style="width: 100px; height: 100px; 
            background-image:url('@Url.Content("~/assets/poster.jpg")')"></div>

如果要在CSS类中使用它，则可以简单地使用相对路径。

.myTest {
    background-image: url('../assets/gravatar.png');
     width:100px;height: 50px;
}

假设您的css文件位于目录（Ex：css）下，该目录是assets文件夹的同级文件。