ASP.NET MVC 5 изображений/скриптов не загружаются во время выполнения

Question

Я начал возиться с ASP.NET MVC 5 (пока все хорошо). ASP.NET MVC выглядит очень круто, и я очень хочу узнать больше. Я пытаюсь создать пару веб-страниц (просмотров) для тестового приложения. То, что я нахожу странным, заключается в том, что мои изображения не загружаются, несмотря на то, что они находятся в правильных папках. Я также заметил, что мои скрипты css не работают. Вот код для моих изображений:

<div id="Features"> 
<div class="row"> 
    <div class="col-md-4" align="center"> 
     <h2>Get Your Grocery List</h2> 
     <img src="~/Images/grocerylist.jpg" width="200" height="200" id="mainImage"/> 
     <p>With this application, you can rest assured you wont need to spend minutes drafting your grocery list - this application will generate a grocery list for you on the fly!</p> 
    </div> 
    <div class="col-md-4" align="center"> 
     <h2>Compare Grocery With Shops</h2> 
     <img src="~/Images/CompareConsumerPricing.png" width="200" height="200" id="ConsumerPricing"/> 
     <p>We know that different shops will have different prices. This application lets you list several shops and compare pricing - this means you will get the upper hand (bill shock will be a thing of the past)</p> 
    </div> 
    <div class="col-md-4"> 

Когда я бегу моего веб-приложения, я получаю этот выход:

Я использую IIS на Visual Studio 2015, чтобы проверить все из. Есть ли что-то, что я должен добавить в файл веб-конфигурации? Я проверил, изображения и сценарии существуют в ссылочном URL.

EDIT: Вот мое решение Explorer (на Visual Studio 2015):

Answer 1

Try:

src="@Url.Content("~/Images/grocerylist.jpg")"