2016-08-02 2 views
1

私はかなり長い間Node and Angularを使用していますが、実際にはバックエンド構造に多くの考えや努力を払っていません。私はクライアントとサーバーを分割して、基本的に私のアプリケーションのほとんどに使用できるスケルトンを作ろうとしています。この時点まで他のすべては順調に進みました。ここに私のディレクトリ構造は次のようになります。単に/client/distを指すapp.use(express.static(config.server.distFolder));パブリックディレクトリのリソースが利用できません

App directory structure

app.jsで、私は、静的な資産フォルダを設定するには、この行を使用しています。これですべて正常に動作し、index.htmlとhtmlファイルにリンクされているCSS/JSアセットを読み込みます。ロードされていないのは、以下に示すように、角度フォルダ内のビューフォルダだけです。

Console inspector - sources

(それがロードされていないので)アンギュラルータは、ビューを見つけることができないので、ロードindex.htmlデフォルトは再びページがちょうどng-viewディレクティブ内で複製させます。

index.htmlファイルでは使用/呼び出し/ロードされていないと推測します。このフォルダを静的資産に含めるにはどうすればよいですか?他のコードでは、私はそれがちょうどそこにあるように見えます。私は何かを欠いているに違いない。静的ディレクトリの設定についての私の最初の理解は、そのディレクトリ内のすべてがクライアントに利用可能になったことでした。

答えて

0

もちろん、それは愚かな単純な修正でした。 Angularは/angular/viewsであるべきときに/viewsのビューを探していました。ルートフォルダが見落とされました。これに

$stateProvider 
    .state('index', { 
     url: '/', 
     templateUrl: 'views/index.html' 
    }); 

$stateProvider 
    .state('index', { 
     url: '/', 
     templateUrl: 'angular/views/index.html' 
    }); 

私がしたすべては、これを変更しました

関連する問題