1

Есть приложение, 3 страницы, index, /photo и /home Фото, меняется контент в и выполняется переход на новую страницу (domainname/photo) без перезагрузки. Проблема в том что при нажатии на кнопку обновить страницу в браузере, вываливаюсь в ошибку 404: Failed to load resource: the server responded with a status of 404 (Not Found), урл domainname/photo

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="exampleApps">
<head>
    <title>Routing</title>
    <script src="Libraries/angular.js"></script>
    <script src="Libraries/angular_route.js"></script>
    <base href="http://urlrouting.loc/">

    <script>
        angular.module("exampleApps", ["ngRoute"])
        .config(function ($routeProvider, $locationProvider) {
            $locationProvider.html5Mode(true);
            $routeProvider.when("/photo", {
                templateUrl: "/photo.html"
            });
            $routeProvider.when("/home", {
                templateUrl: "/home.html"
            });
            $routeProvider.otherwise({
                templateUrl: "/home.html"
            });
        })
        .controller("defaultCtrls", function ($scope, $location) {   })
    </script>
</head>
<body ng-controller="defaultCtrls">

    <a href="/photo">photo</a>
    <a href="/view1">home</a>

    <div ng-view></div>
</body>
</html>
2
  • А надо именно стандартный использовать? ui-router не подойдёт? посмотрите вот здесь 28 июн 2017 в 4:26
  • @SergeyRogachev, и чем это должно было бы помочь?
    – Qwertiy
    28 июн 2017 в 9:30

2 ответа 2

1

Исправил проблемму, нужно было настроить .htaccess, добавил такой код

//.htacces в корне домена
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . index.html

DirectoryIndex /index.html
0

Дело в том, что при обновлении страницы запрос с текущим путём отправляется на сервер. Сервер этот путь не узнаёт и отдаёт ошибку 404. Возможных решений два:

  1. Использовать хэш-навигацию, при которой url страницы остаётся неизменным, а меняется только хэш, о котором сервер не знает. Для этого надо убрать строку

    $locationProvider.html5Mode(true);
    
  2. Перенастроить сервер так, чтобы он по неизвестным путям (или по тем, которые есть в роутинге) отдавал эту страницу. В таком случае стоит настроить ангулярную 404.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.