腳本文件不會在angularjs-web api應用程序中加載

Question

我已經構建並應用於angularjs（使用角度路由功能），它爲CRUD操作調用web api服務。當我從Visual Studio運行應用程序時，一切正常。當我在IIS Web服務器上部署應用程序時，腳本文件不會加載，因爲它們在以應用程序名稱爲前綴的路徑中搜索。我的應用程序的啓動頁面是Index.html，它具有以下代碼來加載腳本。

<title></title> 
<base href="/" /> 
<meta charset="utf-8" /> 
<script src="/Scripts/angular.min.js"></script> 
<script src="/Scripts/angular-route.min.js"></script> 
<script src="/Scripts/app.js"></script> 
<script src="/Scripts/xeditable.js"></script> 
<link href="/css/xeditable.css" rel="stylesheet" /> 
<link href="/Content/bootstrap-theme.css" rel="stylesheet" /> 
<link href="/Content/bootstrap.css" rel="stylesheet" /> 

當我託管在IIS上我看到文件不加載如下後運行應用程序：

我的應用程序URL是http://localhost/RoutingSample/index.html

因此，如果變化的index.html到添加應用程序名稱腳本文件正確加載

<title></title> 
<base href="/" /> 
<meta charset="utf-8" /> 
<script src="/RoutingSample/Scripts/angular.min.js"></script> 
<script src="/RoutingSample/Scripts/angular-route.min.js"></script> 
<script src="/RoutingSample/Scripts/app.js"></script> 
<script src="/RoutingSample/Scripts/xeditable.js"></script> 
<link href="/RoutingSample/css/xeditable.css" rel="stylesheet" /> 
<link href="/RoutingSample/Content/bootstrap-theme.css" rel="stylesheet" /> 
<link href="/RoutingSample/Content/bootstrap.css" rel="stylesheet" /> 

我的問題是 - 有配置在IIS，這樣我就不需要修改所有HTML文件的文件路徑前添加該應用程序的名稱的方法嗎？

Answer 1

我通過將應用程序部署爲新網站來解決問題，而不是在默認網站下部署爲Web應用程序。