angularjs – 在Angular UI-Router的动态视图中添加一个SEO友好

我的配置如下所示：

.config(function($stateProvider,$urlRouterProvider) {

  $urlRouterProvider.otherwise('/app/home');

  $stateProvider

    // Nav
    .state('app',{
      url: '/app',templateUrl: 'templates/navbar.html',abstract: true,controller:'AppCtrl as app',})

    // Home
    .state('app.home',{
      url: '/home',templateUrl: 'templates/home.html',controller:'HomeCtrl as home',})

    .state('app.browse',{
      url: '/browse',templateUrl: 'templates/browse.html',controller:'BrowseCtrl as browse',})

    .state('app.browse-detail',{
      url: '/browse/:productId',templateUrl: 'templates/browse-detail.html',controller:'BrowseDetailCtrl as detail',})

})

这将导致产品的网址显示如下：

www.website.com/app/#/browse/productId

相反,我想看到像：

www.website.com/browse/productId/most-awesome-product

最棒的产品是Url Slug.

我的问题是：

>一般来说,使用路由使Angular网站SEO友好的原则是什么？
>如何通过添加url slug来更改我的角度路由器的URL(见上文)？
>会改变url使我的网站SEO友好吗？

谢谢！