让vue app 运行在asp.net core 的子目录下

默认情况下,添加  “app.UseSpaStaticFiles(); ” 其实是将vue 的 route 也添加到了根请求下。

在一些情况下,需要将 vue app 移动到一个目录下,比如admin , 只有请求了 admin 开头的请求,才是 vue 的应用。

改动如下:

1, 修改请求路径:

app.UseSpaStaticFiles(new StaticFileOptions() { RequestPath = new PathString("/admin"), });

 

2,vue.config.js :

module.exports = {
    publicPath: "/admin/",
}

 

3, vue 路由配置:

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,  // important !
  routes: [ ... ]
});

 

.. ok ,配置完成 。