带有ASP.NET MVC 5的Angular html5mode

Question

In my project, I create a Areas project Admin.

When html5mode is false, url localhost:xxxx/Admin working well.
But when html5mode is true, it not working and redirect to home.

$locationProvider.html5Mode({
        enabled: true,
        requireBase: false
    });

web.config

<rewrite>
            <rules>
                <rule name="angularjs routes" stopProcessing="true">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                        <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>

HomeController.cs

using System.Web.Mvc;

namespace SuperPaint.Areas.Admin.Controllers
{
    public class HomeController : Controller
    {
        // GET: Admin/Home
        public ActionResult Index()
        {
            return View();
        }
    }
}

AdminAreaRegistration.cs

using System.Web.Mvc;
using System.Web.Optimization;

namespace SuperPaint.Areas.Admin
{
    public class AdminAreaRegistration : AreaRegistration
    {
        public override string AreaName => "Admin";

        public override void RegisterArea(AreaRegistrationContext context)
        {
            RegisterRoutes(context);
            RegisterBundles();
        }

        private void RegisterRoutes(AreaRegistrationContext context)
        {
            RouteConfig.RegisterRoutes(context);
        }

        private void RegisterBundles()
        {
            BundleConfig.RegisterBundles(BundleTable.Bundles);
        }
    }
}

RouteConfig.cs

using System.Web.Mvc;

namespace Project.Areas.Admin
{
    internal static class RouteConfig
    {
        internal static void RegisterRoutes(AreaRegistrationContext context)
        {
            context.MapRoute(
                "Admin_default",
                "Admin/{controller}/{action}/{id}",
                new { action = "Index", controller = "Home", id = UrlParameter.Optional },
                new[] { "Project.Areas.Admin.Controllers" }
            );
        }
    }
}

Answer 1

Change your web.config rules to:

  <rules>
            <rule name="IgnoreAdminURLs" stopProcessing="true">
               <match  url ="(admin\/)" ignoreCase="true" />
                <action type="None" />
            </rule>
            <rule name="angularjs routes" stopProcessing="true">
                <match url=".*" />
                <conditions logicalGrouping="MatchAll">
                    <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                    <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
                </conditions>
                <action type="Rewrite" url="/" />
            </rule>
</rules>