脚本文件不会在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应用程序。