我在移动平台类固醇,angular.js和firebase.js上写了一个应用程序.最近我遇到了这样的问题：页面没有加载,因为它试图访问一个奇怪的url文件：// file：/// Users / patutinskijfedor / Desktop / firebase / WILLY / www /.

Error: Failed to execute 'replaceState' on 'History': A history state object with URL 'file://file:///Users/patutinskijfedor/Desktop/firebase/WILLY/www/' cannot be created in a document with origin 'null'.

我在互联网上读到了这个问题,并意识到我的问题在于角度路由.它看起来像这样(文件app.js)：

angular.module('SCBI',['SCBI.controllers','ngRoute']).config(function($routeProvider,$locationProvider){
    $locationProvider.html5Mode(true);

    $routeProvider.when('/teachers',{ templateUrl: 'teachers.html'});
    $routeProvider.when('/teachers/:id',{templateUrl: 't.html',controller: 'TeachersListController'});
    $routeProvider.when('/',{templateUrl: 'authorization.html',controller: 'AuthorizationController'});
    $routeProvider.otherwise({redirectTo:'/'});
});

所以问题可能在于html5Mode.我的问题是：如何在app.js中修复路由？该项目的完整代码如下：https://github.com/patut/SCBI.

如果HTML5页面中提到的基本URL不正确,则可能会发生这种情况. 请在此处分享您的基本网址.

我正在尝试使用路由构建我的教程项目.我的主要目标是构建两条路线,在任何情况下都不会产生404错误.我的意思是,如果路径错误,我希望路由使用/ Home / Index路径.我有以下两条路线 –

routes.MapRoute("Default","{controller}/{action}",new {controller = "Home",action = "Index"}
                        );

    routes.MapRoute("Second","{*catchall}",action = "Index",id = UrlParameter.Optional}
                        );

当我使用与第一条路线不匹配的不存在的路径时,它工作正常,像这样 –

但如果确实如此,那么我有以下几点 –

要么

我理解它发生的原因.然而,目前,我只能找到“某种”解决方案.将以下代码添加到web.config文件 –

<customErrors mode="On">
      <error statusCode="404" redirect="~/Home/Index"/>
</customErrors>

但是,我不认为这是解决这个问题的最佳方法.因为,据我所知,它只是捕获所有错误并将其重定向到正确的路径,而不实际使用路由.所以我认为我不需要这种全局处理.

那么有人可以给我一个提示,或者为我提供一个很好的解决方案.谢谢.

好吧,你没有真正定义什么是“错误的”路由,所以这是我的定义：

>项目中不存在控制器或操作.
>如果传递了“id”,则它必须存在于action方法中.

路线

我使用约束来做到这一点. AFAIK,无法对可选参数使用约束.这意味着为了使id参数可选,您需要3条路线.

routes.MapRoute(
   name: "DefaultWithID",url: "{controller}/{action}/{id}",defaults: new { controller = "Home",action = "Index" },constraints: new { action = new ActionExistsConstraint(),id = new ParameterExistsConstraint() }
);

routes.MapRoute(
   name: "Default",url: "{controller}/{action}",constraints: new { action = new ActionExistsConstraint() }
);

routes.MapRoute(
    name: "Second",url: "{*catchall}",action = "Index" }
);

ActionExistsConstraint

public class ActionExistsConstraint : IRouteConstraint
{
    public bool Match(HttpContextBase httpContext,Route route,string parameterName,RouteValueDictionary values,RouteDirection routeDirection)
    {
        if (routeDirection == RouteDirection.IncomingRequest)
        {
            var action = values["action"] as string;
            var controller = values["controller"] as string;

            var thisAssembly = this.GetType().Assembly;

            Type[] types = thisAssembly.GetTypes();

            Type type = types.Where(t => t.Name == (controller + "Controller")).SingleOrDefault();

            // Ensure the action method exists
            return type != null && type.getmethod(action) != null;
        }

        return true;
    }
}

ParameterExistsConstraint

public class ParameterExistsConstraint : IRouteConstraint
{
    public bool Match(HttpContextBase httpContext,RouteDirection routeDirection)
    {
        if (routeDirection == RouteDirection.IncomingRequest)
        {
            var action = values["action"] as string;
            var controller = values["controller"] as string;

            var thisAssembly = this.GetType().Assembly;

            Type[] types = thisAssembly.GetTypes();

            Type type = types.Where(t => t.Name == (controller + "Controller")).SingleOrDefault();
            var method = type.getmethod(action);

            if (type != null && method != null)
            {
                // Ensure the parameter exists on the action method
                var param = method.GetParameters().Where(p => p.Name == parameterName).FirstOrDefault();
                return param != null;
            }
            return false;
        }

        return true;
    }
}