角度 url 中的 $locationProvider答案

【问题标题】：$locationProvider in angular url角度 url 中的 $locationProvider
【发布时间】：2017-03-03 19:54:54
【问题描述】：

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

我尝试使用 $locationProvider 从 URL 中删除 Symbol(#)，这样 URL 就变成了 skduhariya.com/blogs，

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

代码：

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

谁能帮我解决这个问题。

【问题讨论】：

能否添加一些代码，以便人们了解发生了什么？
请发布您的代码。
您在哪个服务器上运行应用程序？您需要将所有请求路由到您的 index.html
github.com
你必须确定 github 托管是否支持路由。不确定他们是否这样做 - github.com/isaacs/github/issues/408

标签： javascript angularjs html css angular-ui-router

【解决方案1】：

你可以看here

正如他已经描述的那样：

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

【讨论】：