角度力、私はこれをクリックURL

Question

における望ましくない感嘆符：<a href="#/home">home</a> URLはlocalhost/Sites/App/#!/#%2Fhome

私はこれをクリックすると：URLはlocalhost/Sites/App/#!/home

ある<a href="#!/home">home</a>しかし、私のコンピュータ上でのみ動作について私の同僚それは反対ですが、URLに!がある場合、リンクは動作しません。

私はSEOのベストプラクティスを理解していますが、公開ウェブサイトを持っていないため、URLに感嘆符を付けずにウェブサイトを稼働させる必要があります。

URLには/がエンコードされていると私は理解しています。これは、これはパス区切りではないと思いますが、私の唯一のコンピュータではなぜですか？私たちは同じコードを持っています。

私たちはIISやIIS Express、Chrome、IEを使用していますが、違いはありません。それは私のために働くとき、それは他のすべてのために働かない。

ブラウザのネットワークでは、リンクをクリックしてから間違ったURLが生成されるまでサーバーコールがないことがわかります。

これはモジュール構成である：

angular.module('paper.app', [ 'ngMaterial' 
         , 'ngMessages' 
         , 'ngRoute' 
         , ...]) 
    .config(function ($routeProvider, $mdThemingProvider, $mdIconProvider, $locationProvider, $mdDateLocaleProvider, contentUrl, contentSvg) { 

     $routeProvider 
      .when("/", { 
       templateUrl: contentUrl + 'view-home/html/home.html', 
       controller: 'HomeController', 
       controllerAs: 'homeCtrl' 
      }) 
      .otherwise({ 
       redirectTo: '/' 
      }); 

     $locationProvider.html5Mode(false); 

     ... 
    }); 

これはbower.jsonです：きれいなURLへ

{ 
    "name": "...", 
    "version": "1.0.0", 
    "authors": [ 
     "..." 
    ], 
    "ignore": [ 
     "node_modules", 
     "bower_components" 
    ], 
    "description": "", 
    "main": "", 
    "homepage": "", 
    "dependencies": { 
     "angular": "^1.5.7", 
     "angular-material": "^1.0.9", 
     "angular-route": "^1.5.7", 
     "angular-material-data-table": "^0.10.9", 
     "moment": "^2.14.1" 
     } 
} 

Answer 1

//クライアント側の設定 // URL

$locationProvider.html5Mode(true); 

から＃を削除

これをあなたのindex.htmlに追加してください。 <base href="/"></base>

Answer 2

私はこれを追加することによってそれを解決：

$locationProvider.hashPrefix('');