设置从 MVC 和内部 Vue.js Spa 到 webroot 的路由，从 URL 隐藏控制器名称

Question

我正在尝试路由一个控制器/动作，它将我的 Vue.js 应用程序返回到 webroot，因此 URL 隐藏了控制器名称。

我目前的路线：

app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=MySpaController}/{action=Index}/{id?}");
            routes.MapSpaFallbackRoute(
               name: "spa-fallback",
               defaults: new { controller = "MySpaController", action = "Index" });
        });

导航到 http://localhost/ 路由到正确的 root/home 操作并返回 vue.js spa 应用程序。但是浏览器中的 URL 更改为 http://localhost/MySpaController 。如果我尝试在没有 MySpaController 部分的情况下导航到应用程序中的任何路由，则请求将被外部路由并再次调用 http://localhost/MySpaController/Index 操作。

我想在 url 中隐藏控制器名称。

Answer 1

在 Vue Router 中确保 base 设置为 '/'，如：

let router = new VueRouter({
  base: '/',
  mode: 'history',
  linkActiveClass: "active",
  routes
})