在AngularJS中使用带Django的html5Mode true

发布时间：2020-12-17 17:24:55 所属栏目：安全来源：网络整理

导读：我正在使用带有Django Rest Framework的AngularJS应用程序.但是,我已经设置了我的项目,以便从我的设置的模板文件夹中提供Angular页面 url(r'^$',index)def index(request): return render(request,'index.html',{}) 我在Django的/ url上运行角度应用程序并设

我正在使用带有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.注意*在^.* $中

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!