Задать вопрос
@westdp

Перезагрузка страницы при использовании $locationProvider?

Ребята привет, я прочитал уже много документации и форумов, как решить проблему с перезагрузкой страницы или прямым заходом к примеру по ссылке: "localhost:7852/dev/views/login"
Делаю одностраничное приложение использую роутинг($routeProvider) для подгрузки нужного шаблона в index.html
var app = angular.module('nostrum', ['ngRoute']);

app.config(function ($routeProvider, $locationProvider) {
	var server_url = 'http://localhost:7852/dev/views/'
	$locationProvider.html5Mode({
		enabled: true,
		requireBase: false
	});
	$routeProvider.when('/login', {
		templateUrl: 'login/login.html',
		controller: 'loginCtrl'
	});
	$routeProvider.when('/products', {
		templateUrl: 'products/products.html',
		controller: 'CategoryCtrl'
	});
	$routeProvider.when('/forgot-password', {
		templateUrl: 'forgot-password/forgot-password.html',
		controller: 'loginCtrl'
	});
	$routeProvider.when('/new-account', {
		templateUrl: 'new-account/new-account.html',
		controller: 'loginCtrl'
	});
	$routeProvider.when('/recent-addresses', {
		templateUrl: 'recent-addresses/recent-addresses.html',
		controller: 'RecentAddressesCtrl'
	});
	$routeProvider.when('/categories', {
		templateUrl: 'categories/categories.html',
		controller: 'CategoriesCtrl'
	});
	console.log($locationProvider);
});

<!DOCTYPE html>
<html>

<head>
	<title>Nostrum App</title>
	<base href="/dev/views/">
	<link href="../css/style.css" rel="stylesheet">
</head>

</html>

<body ng-app="nostrum"><a href="/dev/views/login">Login</a>
	<br><a href="/dev/views/products">Products</a>
	<br><a href="/dev/views/recent-addresses">Recent Addresses</a>
	<br><a href="/dev/views/categories">Categories</a>
	<ng-view class="view-animate"></ng-view>
</body>
<script src="../js/scripts.js" type="text/javascript"></script>

Все работает отлично, но когда мы обновим страницу уже после перехода или зайдем на прямую по ссылке то выдает ошибку 404.
Использую сервер Gulp, но думаю он тут ни при чём.
Спасибо
  • Вопрос задан
  • 302 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • OTUS
    Angular Developer
    5 месяцев
    Далее
  • Учебный центр IBS
    WEB-022 Разработка на Angular. Продвинутый уровень
    1 неделя
    Далее
  • Академия Eduson
    Frontend-разработчик
    9 месяцев
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы