angular.js - Berkenaan isu alamat URL aplikasi halaman tunggal Angular

Question

Saya mendapati bahawa alamat URL bagi banyak aplikasi satu halaman sudut adalah dalam format berikut:

http://your.domain/page/#/app/forms/validate

Sentiasa terdapat

nombor di tengah #, yang kelihatan sangat tidak menyenangkan. Adakah terdapat sebarang cara untuk menukar
kepada gaya berikut:

http://your.domain/app/forms

Juga: Bolehkah halaman tunggal Angular digantikan dengan pushState? Atau gunakan pemalam yang dipanggil Pjax
Saya harap anda boleh memberi saya beberapa petua, saya agak keliru tentang perkara ini!

Answer 1

Jika sudut 1.x, anda boleh menambah ayat di hujung laluan $locationProvider.html5Mode(true);

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
 $routeProvider
 .when('/article', {
   templateUrl: '/article.html',
   controller: 'ArticleController'
 }).otherwise({
   redirectTo: '/index'
 });
 $locationProvider.html5Mode(true);
}])

Skim penghalaan ini lalai kepada kaedah cincang bermula dengan # Jika anda tidak menganggap pelayar versi lebih rendah, anda boleh terus memanggil $locationProvider.html5Mode(true) untuk menggunakan skema H5 dan bukannya skema cincang.

Jika anda berminat, sila baca terus artikel saya Ada artikel menerangkan mekanisme laluan hadapan secara terperinci