$ locationProvider在angular url中

时间:2017-02-24 07:07:44

标签: javascript angularjs html5 css3 angular-ui-router

最近我开发了一个网站http://www.skduhariya.com,这完全基于angularJS。我使用ui-router的概念在静态页面之间进行路由。符号(#)显示在URL中,如skduhariya.com/#/blogs

我尝试使用$locationProvider从网址中删除符号(#),以便网址变为skduhariya.com/blogs

它的工作正常,但是,当我们刷新浏览器时没有按预期工作。它的显示404-Page Not found。

代码:

function routeConfig($stateProvider, $locationProvider) {      
    $stateProvider.state('public', {
        abstract: true,
        templateUrl: 'src/public/public.html'
    });
    $locationProvider.html5Mode(true);
}

任何人都可以帮我解决这个问题。

1 个答案:

答案 0 :(得分:0)

您可以观看here

正如他已经描述的那样:

  

服务器端
  使用此模式需要在服务器端重写URL,   基本上你必须重写所有你的入口点的链接   应用程序(例如index.html)

:)