.Net Core 2 和 AngularJS SPA 不工作

Question

我一直在将一个项目从 .NET Framework 迁移到 .NET Core 2，这个过程比预期的要顺利，但是当我认为我已经克服了最困难的挑战时，我终生无法获得 SPA 方面上班。

当我启动应用程序时，只要我转到根目录 ( https://localhost:5001 ) ，它就可以正常工作，并且我可以使用 Angular 路由进行导航。但是，如果我尝试通过路由加载页面，例如。https://localhost:5001/login，我得到一个通用的Chrome 404“找不到本地主机页面”。

我index.html在目录中MyApp/Pages/，我的客户端代码在MyApp/wwwroot/app/. 当移动index.html到wwwroot文件夹时，我什么也得不到。

在 My 中Startup.cs，这是我的设置方式：

public class Startup

{

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)

    {

        if (env.IsDevelopment())

        {

            app.UseDeveloperExceptionPage();

        }

        else

        {

            app.UseExceptionHandler("/Error");

            app.UseHsts();

        } 

        app.UseHttpsRedirection();

        app.UseStaticFiles();

        var defaultFileOptions = new DefaultFilesOptions();

        defaultFileOptions.DefaultFileNames.Clear();

        defaultFileOptions.DefaultFileNames.Add("/index.html");

        app.UseDefaultFiles(defaultFileOptions);

        app.Use(async (context, next) =>

        {

            await next();

            if (context.Response.StatusCode == 404 &&

                !Path.HasExtension(context.Request.Path.Value))

            {

                context.Request.Path = "/index.html";

                context.Response.StatusCode = 200;

                await next();

            }

        });

        app.UseCookiePolicy();

        app.UseAuthentication();

        app.UseMvc();

    }

}

我尝试了许多指南，但似乎我能找到的大多数指南都非常过时，或者在尝试使用帖子中的方法时，它们是我没有的方法。非常感谢任何帮助，因为我很想完成迁移并继续从事该项目。

Answer 1

这里的问题是你有一个 SPA，而 Angular 有它自己的路由，但是当你尝试使用像https://localhost:5001/login这样的 URL 时，这条路由是由 MVC 而不是由 Angular 提供的，MVC 会找不到合适的控制器，结果返回 404。你应该做的是返回 index.html 以响应此类请求，以便 Angular 路由可以处理它。你可以看看这篇文章：https://www.toptal.com/angular/angular-5-asp-net-core

Answer 2

原来我的问题出在我处理 404 的方式上。我context.Request.Path = "/index.html";在 Startup.cs中做的，但它仍然无法解析 html 文件，所以我让它重定向回根路径：    app.Use(async (context, next) =>    {        await next();        if (context.Response.StatusCode == 404 &&            !Path.HasExtension(context.Request.Path.Value))        {            // This is what I changed. I need to resolve to "/" instead of "/index.html"            context.Request.Path = "/";            context.Response.StatusCode = 200;            await next();        }    });

Answer 3

使用此代码：public void Configure(IApplicationBuilder app, IHostingEnvironment env){if (env.IsDevelopment()){    app.UseDeveloperExceptionPage();    app.UseBrowserLink();}else{    app.UseExceptionHandler("/Error");}app.UseStaticFiles();app.UseMvc(routes =>{    routes.MapRoute(        name: "default",        template: "{controller}/{action=Index}/{id?}");});}