$location概念

Question

我不明白这个。在我的本地人，我正在尝试开发一个网站。在该网站的链接是工作在应用程序，但当我试图F5或复制该链接并粘贴到浏览器，我得到404个页面，没有找到错误。我搜索它，发现这与解析URL有关，但不知道如何做到这一点。这是我的代码：

Javascript

.config(function($stateProvider, $urlRouterProvider, $locationProvider) {
$stateProvider
    .state('baba', {
        url: "/",
        templateUrl: "baba.html"
    })
    .state('icerik', {
        url: "/icerik/:ad",
        templateUrl: "icerik.html",
        controller: "mmgCtrl",
    })
    .state('oku', {
        url: "/oku/:serix/:klasor",
        templateUrl: "oku.html",
        controller: "nbgCtrl"
    })
$locationProvider.html5Mode(true);
$urlRouterProvider.otherwise('/');

.controller('indexCtrl', function($scope, $location) {
    $scope.yonlen = $location.path();
})

我有两条路。/icerik和/oku.所以我想我应该做if声明，向哪个url去哪个作用域。

index.html

<div ng-repeat="manga in mangas">

<a ng-href="{{yonlen}}></a>

</div>

Answer 1

在引擎盖下，它使用pushState。

使用JavaScript更改页面状态时，应该将URL更改为会导致服务器生成处于该状态的页面的URL。

这意味着如果JavaScript因任何原因失败，内容仍将正确加载，如果有人遵循深度链接，他们将直接(因此很快)加载他们真正关心的内容。

例如：

• 访问者到达主页。
• 服务器提供主页(加上所有角码)。
• 他们点击“博客”链接。
• 加载博客内容并将其放在页面上(使用JS)
• 您可以将URL更改为/blog/ (仍然使用JS)，而无需从服务器加载新页面。

但随后：

• 访客来到博客上。
• 服务器提供博客页面(加上所有的角度代码)。

您正在更改URL，但尚未完成在URL位上的正确内容。这需要服务器端的工作。