参考 Vue Router 文档中的 base 配置项

具体做法

添加一个 base 配置项即可

new Router({
    base: 'abc',  // 统一前缀（基路径）
})

用处

在 Nginx 上部署多个 Vue 项目时，往往需要给 Nginx 一个访问标识用来区分项目。比如一个项目中有用户端、后台，两个项目。但是可能由于前期开发时没有统一路由的标识，这就导致在部署项目的时候会遇到路由或静态资源地址一致的问题，Nginx 不知道该代理到哪一个项目文件夹中，这时候就要用到路由的 base 配置项。