AngularJSルーティングを使用したASP.NETコア

Question

私のSPAにテンプレートを表示する際に問題が発生しています。すべてのスクリプトはエラーなく実行され、ブラウザを使用してHTMLテンプレートに移動できますが、角度は自分のアプリケーションにルート設定を接続できません。

(function(angular) { 
    'use strict'; 

    var app = angular.module('over_the_counter', [ 
     'ngRoute' 
    ]); 

    app.run(function() { 
    }); 

    app.config(['$routeProvider', 
     function ($routeProvider) { 
      $routeProvider. 
       when('/', { 
        templateUrl: 'app/landing/landing.html', 
        controller: 'LandingController', 
        controllerAs: 'ctrl' 
       }). 
       otherwise({ 
        redirectTo: '/' 
       }); 
     } 
    ]); 
}(window.angular)); 

http://localhost:55907/app/landing/landing.htmlを参照すると、ページがレンダリングされます。 HTMLファイルはwwwrootフォルダーにあります。

Answer 1

あなたはstartup.csファイルにappsettings.jsonやコードのちょうどこれらの行に多くの設定を追加する必要があります：あなたはあなたの接続を行うコントローラのソースに提供することができ

DefaultFilesOptions options = new DefaultFilesOptions(); 
      options.DefaultFileNames.Clear(); 
      options.DefaultFileNames.Add("Index.html"); 
      app.Use(async (context, next) => 
      { 
       await next(); 

       if (context.Response.StatusCode == 404 && !Path.HasExtension(context.Request.Path.Value)) 
       { 
        context.Request.Path = "/Index.html"; 
        await next(); 
       } 
      }) 
      .UseCors("AllowAll") 
      .UseDefaultFiles(options) 
      .UseStaticFiles() 
      .UseIdentity() 
      .UseMvc();