方法：Refresh AngularJS Route

Question

Visual StudioでTypescript SPAプロジェクトを作成しようとしていますが、AngularJSを使用してルーティングを処理しています。ここに私の設定があります...

var app = angular.module("myApp", ["ngRoute"]); 
app.config(($routeProvider, $locationProvider) => { 
$routeProvider 
    .when("/", { 
     templateUrl: "/pages/index/index.html" 
    }) 
    .when("/about", { 
     templateUrl: "/pages/about/about.html" 
    }) 
    .otherwise({ redirectTo: '/' }); 

$locationProvider.html5Mode(true); 
}); 

これはURLが私の望むように見えるので、これはうまくいきます。しかし、ページをリフレッシュすると、メインページか約ページかによってエラー404またはエラー403が表示されます。正しいページをリフレッシュできるようにするにはどうすればよいですか？

Answer 1

これはサーバー側のことですが、サーバーがサーバー内の通常のパスであるかのようにURL全体を処理しています。 index.htmlをターゲットに設定する必要があります。そうしないと、サーバーはwww.myserver.com/aboutページを常に見つけようとします。あなたのURLが見つからないか、ディレクトリの場合にアクセスが禁止されているため、404ステータスコードが生成されます。