vue项目如何部署到Tomcat的二级目录_vue部署到tomcat二级前缀名

作者：菜鸟追梦旅行 | 2024-03-17 04:49:05

踩

vue部署到tomcat二级前缀名

1，假设你要访问的项目名称为‘app’

2，在Tomcat的webapps下创建hms文件夹，

3，配置config/index.js文件，设置assetsPublicPath: '/app/'

（解释：这里改为这个配置之后，最后编译产生的index.html中相关路径也会带上‘/app’,不会报404的错误了）

4，在项目运行“npm run build:prod”命令，生成dist文件夹，dist文件夹中包含static和index.html

5，将dist文件夹中static和index.html复制到Tomcat中webapps的app文件夹中

6，启动Tomcat，ip:port/app，例如：http://localhost:8081/app/即可访问到Vue项目。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/254124?site