刷新页面时，RouteConfig触发500错误

Question

我正在将angularJS与一起使用ASP.NET。当我运行Web应用程序时，所有链接均正常工作，并且没有500错误。

但是，当我刷新页面时，出现了500条这样的错误：

找不到部分视图“联系人”，或者没有视图引擎支持搜索到的位置。搜索了以下位置：

我正在使用angularJS控制器从./templates文件夹中加载模板，而angularJS做得很好。

有人知道为什么我会收到此错误以及如何解决该错误吗？

在View文件夹中也只有Index.cshtml文件，因为我从./templates目录加载模板，这是RouteConfig.cs代码：

public class RouteConfig
{
    public static void RegisterRoutes(RouteCollection routes)
    {
        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

        routes.MapRoute("templates", "templates/{action}.html",
         new { controller = "Home", action = "Templates", name = "" }
        );
        routes.MapRoute("contacts","contacts",
           new { controller = "Home", action = "Contacts", id = UrlParameter.Optional }
       );
        routes.MapRoute(
            name: "Default",
            url: "{controller}/{action}/{id}",
            defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
        );
    }
}

控制器类：

public ActionResult Index()
{
    return View();
}

// ActionResult prikazan ispod služi da bi angularJS 
// mogao lodati HTML template u template folderu
public ActionResult Contacts()
{
    return PartialView();
}

public ActionResult Templates()
{
    return PartialView();

}

这是angularJS路由配置：

app.config(function ($routeProvider, $locationProvider) {
    $routeProvider
        .when('/contacts',
            {
                controller: 'ContactsController',
                templateUrl: 'templates/contacts.html'
            })
        .when('/add-contact',
            {
                controller: 'ContactAddController',
                templateUrl: 'templates/addContact.html'
            })
        .when('/edit-contact/:contactId',
            {
                controller: 'ContactEditController',
                templateUrl: 'templates/editContact.html'
            })
        .when('/display-contact/:contactId',
            {
                controller: 'ContactDetailsController',
                templateUrl: 'templates/displayContact.html'
            })

        .when('/bookmarked-contacts',
            {
                controller: 'ContactsController',
                templateUrl: 'templates/bookmarkedContacts.html'
            })
        .when('/search-contacts',
            {
                controller: 'SearchContactsController',
                templateUrl: 'templates/searchContacts.html'
            })
        .otherwise({ redirectTo: '/contacts' });
    $locationProvider.html5Mode(true);

});

Answer 1

该问题与不当放置server侧有关。首先尝试关闭html5模式

//$locationProvider.html5Mode(true);
$locationProvider.html5Mode({enabled: false});

并在刷新后检查是否一切正常。这应该。

像这样更改路由：

routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.IgnoreRoute("fonts*.woff");
routes.IgnoreRoute("*.js");
routes.IgnoreRoute("*.html");
routes.IgnoreRoute("*.css");
routes.IgnoreRoute("api/*");

routes.MapRoute(
    name: "Default",
    url: "{dummyController}/{dummyAction}/{dummy1}/{dummy2}/{dummy3}",
    defaults: new { controller = "Home", action = "Index"
        , dummyController = UrlParameter.Optional
        , dummyAction = UrlParameter.Optional
        , dummy1 = UrlParameter.Optional
        , dummy2 = UrlParameter.Optional
        , dummy3 = UrlParameter.Optional
    }
);

这应该做我们需要的。每当服务器有任何异常时：

• 它以js，html，css结尾…返回
• /api/ （ASP.NET Web API）也被跳过
• 并将任何类似的网址/somestuff/somepart视为Home/Index

此设置url: "{dummyController}/{dummyAction}/{id}",可以进行以上操作。来自html5mode的任何部分都被视为路由键“
dummyController”，“ dummyAction”，而Home和Index在默认情况下作为控制器和操作传递：new { controller = "Home", action = "Index" ...

并且由于您的应用程序期望路由的某些部分，因此您应该像这样使用它：

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
    routes.IgnoreRoute("fonts*.woff");
    routes.IgnoreRoute("*.js");
    routes.IgnoreRoute("*.html");
    routes.IgnoreRoute("*.css");
    routes.IgnoreRoute("api/*");

    // keep this application special settings
    routes.MapRoute("templates", "templates/{action}.html",
     new { controller = "Home", action = "Templates", name = "" }
    );
    routes.MapRoute("contacts","contacts",
       new { controller = "Home", action = "Contacts", id = UrlParameter.Optional }
    );

    // this should do the job on F5
    routes.MapRoute(
        name: "Default",
        url: "{dummyController}/{dummyAction}/{dummy1}/{dummy2}/{dummy3}",
        defaults: new { controller = "Home", action = "Index"
            , dummyController = UrlParameter.Optional
            , dummyAction = UrlParameter.Optional
            , dummy1 = UrlParameter.Optional
            , dummy2 = UrlParameter.Optional
            , dummy3 = UrlParameter.Optional
        }

);

也检查一下

[如何：配置服务器以使用html5Mode](https://github.com/angular-ui/ui-

router/wiki/Frequently-Asked-Questions#how-to-configure-your-server-to-work-
with-html5mode)