UIルーター+ノード/エクスプレスJSページが望ましくなく読み込まれる

Question

私は、UIルーターとExpressの相互作用に奇妙な問題があります。 私はどこからでも解決策を探しましたが、問題を完全に修正するものはありません。

私のアプリケーションが私の/ publicフォルダにあり、私が/ random/path（ui-sref="post/new">）に直接行くたびに、私が/ links/browser.ButをクリックするとURLが変わってきます。この経路は存在しないと言う。

私はその問題に関するトピックから使用してその問題を修正しました：私は先のパスに直接移動するたびに

app.use('/', express.static(__dirname + '/public')); 


    app.use(function (req, res) { 
     res.sendFile(__dirname + '/public/'); 
    }); 

そして今、すべてが正常に動作しています。

今や、クライアント側のアプリケーションのように動作し、ビュー+コントローラをロードするだけでなく、ページ全体がすべてのパスの変更でリロードされるという新たな問題があります。

奇妙なことは、2つまたは3つのパスで期待どおりに動作していることです。

誰でも手助けできますか？

編集：

angular.module('App').config(function($stateProvider, $locationProvider,$urlRouterProvider) { 
    $locationProvider.html5Mode(true); 

    $urlRouterProvider.otherwise('/'); 
     $stateProvider 
      .state('posts-new', { 
       url:'/post/new', 
       templateUrl: 'tmpl1.html' 
      }) 
      .state('posts', { 
       url:'/posts', 
       templateUrl: 'tmpl2.html' 
      }); 
    }); 

私はまた、ベースURL /及び<base href="/index.html">

Answer 1

ので、あなたのNodeJSルートが存在しないよしが、理由はあなたのルートであり、両方を試してみました。 これは/public/index.htmlと解釈されるので、/の場合は問題ありません。
/post/newをロードしようとすると、/public/post/new/index.htmlが検索されません。 以下の修正が有効です。

app.use(function (req, res) { 
    res.sendFile(__dirname + '/public/index.html'); 
}); 

次に、基本的に静的なファイルとしてテンプレートを提供するための少し別の方法が必要です。私は個人的には、以下に示すようにテンプレート用の単純なフォルダを使用することをお勧めします。上記のキャッチオールルートが、以上であることを確認してください。

app.use('/templates', express.static('/public/templates')); 

ああ、そして最後に - あなたは/に設定あなたの<base>タグをお勧めします。