vue项目构建

发布于 2022-09-11 17:28:51 字数 276 浏览 10 评论 0

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

万劫不复 2022-09-18 17:28:51

把base改成./
图片描述

凉城已无爱 2022-09-18 17:28:51

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

百善笑为先 2022-09-18 17:28:51

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

末骤雨初歇 2022-09-18 17:28:51

这个问题上周解决了,方案如下:
前端项目是基于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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文