如何在vue-router里面使用相对路径？

Question

用vue写的前端需要部署到Tomcat下面，在导航栏一个按钮的router定义如下：

routes: [{
    path: '/DataManager',
    component: DataManager,
    name: 'DataManager'
}]

如果部署到Tomecat的webapps/Test里面，一开始访问index.html时没有问题，url是：

http://localhost:8080/Test/index.html

但点了按钮后，url就变成了:

http://localhost:8080/DataManager

想让路径为:

http://localhost:8080/Test/DataManager

求教怎么在vue-router里面用相对路径?

Answer 1

在router定义里面，注释掉了：
//mode: 'history',
url变成了:
http://localhost:8080/Test/in...

实在搞不定了，就这样吧。

Answer 2

Answer 3

可以在router，加个base属性 ][1]