Изменение корневого каталога приложения Angular UI с «#» на другое

Question

0

Когда я использую угловой маршрутизатор UI в своем приложении, мой URL-адрес выглядит как:

www.example.com/serverpath#/UIRouterPath1
www.example.com/serverpath#/UIRouterPath2

Теперь я хочу изменить что-то вроде

www.example.com/serverpath/SPA/UIRouterPath1
www.example.com/serverpath/SPA/UIRouterPath2

Как это сделать?

jackOfAll 01 янв. 2016, в 14:03

0

это может быть полезно stackoverflow.com/questions/22102815/…
cbass 01 янв. 2016, в 12:23

Теги:

angular-ui-router

1 ответ

Victor de Andres · Answer 1 · 2016-01-01T11-35-00.000Z

По умолчанию, AngularJS будет маршрутизировать URL-адреса с хэштегом, но вы можете удалить его с помощью $ locationProvider.

Вы будете использовать модуль $ locationProvider и установите для html5Mode значение true. Например:

var app = angular.module('App', ['ngRoute']);

app.config(function($routeProvider,  $locationProvider){
    $locationProvider.html5Mode(true);

И для добавления базы для url в индексный файл вы должны использовать <base> в разделе head. Например

<base href="/SPA">

Таким образом, когда вы пишете один тег <a> как это в вашем html файле:

<a href="UIRouterPath1">UIRouterPath1</a>

он будет связан с: www.example.com/serverpath/SPA/UIRouterPath1

Я сделал это. Но новая база, упомянутая в теге <base>, не применяется, то есть вместо получения www.example.com/serverpath/SPA/UIRouterPath1 я получаю www.example.com/serverpath/UIRouterPath1. мои фактические маршруты сервера интерпретируются как угловые маршруты пользовательского интерфейса.
Извините, я неправильно объяснил ярлык <base>. Надо сказать, что если вы работаете в angular с маршрутами, то значение base применяется в свойстве templateUrl. Например, $ routeProvider .when ('/', {templateUrl: 'views / login.html', controller: 'LoginController'}) эта ссылка на: [Valueofbase] /views/login.html