在使用IIS Express的AngularJS项目中获取403错误

Question

在AngularJS中，我正在尝试设置一个主页，其中列出了我的应用程序/数据/事件文件夹中的事件(json文件(。 控制器 EventListController 如下所示：

'use strict';
eventsApp.controller('EventListController', 
function EventListController($scope, $location, eventData) {
$scope.events = eventData.getAllEvents();
})

事件数据服务如下所示：

eventsApp.factory('eventData', function ($resource) {
var resource = $resource('/app/data/event/:id', { id: '@id' }, { "getAll": { method: "GET", isArray: true, params: { something: "foo" } } });
return {
getEvent: function (eventId) {
return resource.get({
id: eventId
});
},
typeOf: function (obj) {
return {}.toString.call(obj).split(' ')[1].slice(0, -1).toLowerCase();
},
getAllEvents: function () {
return resource.query();
},
save: function (event) {
return resource.save(event);
}
};

事件列表.html如下所示：

<div>
<h1>Events</h1>
<hr/>
<hr/>
<ul class="thumbnails">
<li ng-repeat="event in events|orderBy:sortorder" class="span5">
<event-thumbnail/>
</li>
</ul>
</div>

我的路线如下所示：

'use strict';
var eventsApp = angular.module('eventsApp', ['ngResource', 'ngRoute'])
.config(function ($routeProvider) {
$routeProvider.when('/newEvent',
{
templateUrl: '/app/templates/NewEvent.html',
controller: 'EditEventController'
});
$routeProvider.when('/eventDetails/:eventId',
{
templateUrl: '/app/templates/EventDetails.html',
controller: 'EventController'
});
$routeProvider.when('/profile',
{
templateUrl: '/app/templates/EditProfile.html',
controller: 'EditProfileController'
});
$routeProvider.when('/events',
{
templateUrl: '/app/templates/EventList.html',
controller: 'EventListController'
});
$routeProvider.otherwise({ redirectTo: '/events' });
});

WebAPI 控制器(在单独的 WebAPI 项目中(EventController.cs如下所示：

public class EventController : ApiController
{
public JToken Get(string id = null)
{
if (id==null)
{
return GetAllJsonEventsAsArray();
}
return GetSingleJsonFile(id);
}
private JArray GetAllJsonEventsAsArray()
{
var path = System.Web.Hosting.HostingEnvironment.MapPath("/");
var contents = "";
foreach (var file in System.IO.Directory.GetFiles(path + "..app/data/event/"))
{
contents += System.IO.File.ReadAllText(file) + ",";
}
return JArray.Parse("[" + contents.Substring(0, contents.Length - 1) + "]");
}

最后，WebApiConfig.cs如下所示：

public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
{
// Web API configuration and services
// Configure Web API to use only bearer token authentication.
config.SuppressDefaultHostAuthentication();
config.Filters.Add(new HostAuthenticationFilter(OAuthDefaults.AuthenticationType));
// Web API routes
config.MapHttpAttributeRoutes();
config.Routes.MapHttpRoute(
name: "DefaultApi",
routeTemplate: "{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
);
}
}

当我尝试访问 http://localhost:49403/app/#/events 时出现错误：GET http://localhost:49403/app/data/event/403(禁止访问(

谁能帮忙？ 任何帮助将不胜感激。

​

Answer 1

默认情况下，IIS 网站中的 configuration/system.webServer/directoryBrowse@enabled 设置为 False。 将其设置为 True 使我的应用能够浏览目录。