URLにハッシュのない角度ルーティング

Question

私は自分のプロジェクトに角度シードテンプレートを使用します。私はハッシュなしでルーティングを作ろうとしました。私は自分のapp.js $locationProvider.html5Mode(true);とindex.htmlの頭のセクション<base href="/">に追加しましたが、ページを更新したりURLを入力したりすると結果が自分のフォルダのインデックスになります。

私は間違っていますか？

Answer 1

あなたのURLはサーバーリソースであるかのように処理されています。通常、URLをindex.htmlファイル（またはデフォルト入力）に配信するリライトまたはルートを使用しています。

別のサーバーを使用してもかまいません。superstatic npmパッケージは、anglejs-seedプロジェクトにhttp-serverの代わりにURL書き換えを提供しています。

npm install superstatic --save-dev 

以下の内容で、あなたのアプリのルートにファイルを作成しますsuperstatic.json：

{ 
    "cleanUrls": true, 
    "rewrites": [ 
    {"source":"/**","destination":"/app/index.html"} 
    ] 
} 

し、ファイルにpackage.json

"scripts": {  
    ... 
    "start": "http-server -a localhost -p 8000 -c-1 ./app", 
    ...  
} 

"scripts": {  
    ... 
    "start": "superstatic --config superstatic.json --port 8080 --host localhost", 
    ...  
} 

に次の行を上書きします

最後に

npm start