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

Posted 2023-02-23

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

【英文标题】：Set route from MVC and Internal Vue.js Spa to webroot, hide controller name from URL

【发布时间】：2019-01-24 19:50:36

【问题描述】：

我正在尝试路由一个控制器/动作，它将我的 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】：

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

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