在AngularJS中使用带Django的html5Mode true

前端之家收集整理的这篇文章主要介绍了在AngularJS中使用带Django的html5Mode true前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用带有Django Rest Framework的AngularJS应用程序.但是,我已经设置了我的项目,以便从我的设置的模板文件夹中提供Angular页面

url(r'^$',index)

def index(request):
    return render(request,'index.html',{})

我在Django的/ url上运行角度应用程序并设置我的ngRoutes如下:

var sgApp = angular.module('sgApp',[
        'ngRoute',]);

sgApp.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
        $routeProvider.when('/',{
            templateUrl: '/static/partials/index.html'
        });
        $locationProvider.html5Mode(true);
    }
]);

但是,当我尝试访问一个无效的URL,例如localhost:8000 / some-random-url时,它将重定向到Django的内置404页面.我有办法解决这个问题吗?或者我是否必须从其余框架中完全抽象角度应用程序?

解决方法

你需要添加你的angularjs路由器,默认路由值(otherwhise)

sgApp.config(['$routeProvider',{
            templateUrl: '/static/partials/index.html'
        })
        .otherwise({
            redirectTo: '/'
         });

        $locationProvider.html5Mode(true);
    }
]);

然后将其添加到urls.py的底部

url(r'^.*$',index),

这意味着如果请求的url与以前的任何url规则都不匹配,则重定向到index.注意*在^.* $中

猜你在找的Angularjs相关文章