设置从MVC和Internal Vue.js Spa到Webroot的路由,从URL

时间:2018-08-17 18:21:37

标签: vue.js routing asp.net-core-mvc

我正在尝试路由一个控制器/操作,该操作会将我的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中隐藏控制器名称。

1 个答案:

答案 0 :(得分:0)

在Vue路由器中,确保将基数设置为“ /”,例如:

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