vue.js - 设置从 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 中隐藏控制器名称。

标签： vue.jsroutingasp.net-core-mvc

Answer 1

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

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