Путь URL не работает при развертывании в IIS Server System

Question

У меня проблема в том, что когда я развернул свой проект ASP.NET MVC в IIS Server System, URL-адреса изображений добавляются из CSS, они не принимают точный путь и в Angularjs не могут отправить сообщение или получить запрос.

Пример кода CSS

<div class="container" style="background-image:url('../../Images/img/product-1.jpg')">
    <div class="text-left">Welcome</div>
</div>

Пример кода AngularJS

var app=angular.module('myApp', ['ngRoute']);
app.controller('myCtrl', ['$scope', '$http', function($scope, $http){
    $http({
         method:"POST",
         url:"/controller/action",
         data:{id:1}
    }.then(function(response){
           console.log(response)
      }, function(error){
          console.log(error)
     });
]});

, так что это пример кода, который я написал в своем проекте. У меня есть интернет поискаweb.config.

Я попробовал эту вещь вечером, я не могу решить мою проблему.

Моя ошибка:

GET http://18.xxx.xxx.xxx/controller/action 404 (не найдено)

GET http://18.xxx.xxx.xxx/Images/img/bg-img/top.jpg 404 (не найдено)

фактическая ссылка должна загружаться следующим образом

GET http://18.xxx.xxx.xxx/myApplication/controller/action 404 (не найдено)

GET http://18.xxx.xxx.xxx/myApplication/Images/img/bg-img/top.jpg 404 (не найдено)

Answer 1

Изменить стиль, указанный ниже. Примечания: измените непосредственно уровень.

<div class="container" style="background-image:url('~/Images/img/product-1.jpg')">
<div class="text-left">Welcome</div>

  <div class="container" style="background-image:url('@Url.Content("~/Images/img/product-1.jpg")')">
<div class="text-left">Welcome</div>

Объяснение ~ vs /:

/ - Корень сайта

~ / - Корневой каталог приложения