vue项目构建

Question

我们前端构建方式是：vue项目build之后dist发送到服务器tomcat下重启。现在想把两个分别打包的项目A B分别发送到统一tomcat webapps下和webapps->projectB下，构建重启后，始终只能访问到webapps下的项目A，项目B该如何同时访问到？

在vue-router中配置了base: '/projectB/'，是无效的

base文档是这样介绍的：
应用的基路径。例如，如果整个单页应用服务在 /app/ 下，然后 base 就应该设为 "/app/"

Answer 1

这个问题上周解决了，方案如下：
前端项目是基于Vue CLI 3构建的：
1）在vue.config.js中配置了publicPath，如 publicPath: '/projectB/'；
2）vue-router路由配置，如 base: '/projectB/'；
3）tomcat下server.xml中Host配置：
<Context path="projectA" docBase="projectA/dist" reloadable="true" />
<Context path="projectB" docBase="projectB/dist" reloadable="true" />

注：
1）tomcat下打包文件发送后存放路径：
webapps ->
projectA -> dist -> 构建文件
projectB -> dist -> 构建文件
2）vue.config.js中publicPath属性生效必须@vue/cli-service版本^3.2.0

Answer 2

应该是在 tomcat 中配置，你们这是跟后端统一部署在一个服务器上吧。

Answer 3

是这样打包没错的啊。
如果服务器路径在projectB，项目路径base改成projectB打包就行的。

Answer 4

把base改成./