vuejs项目部署到tomcat的方法：1、下载tomcat并解压；2、修改vue下的“config/index.js”；3、增加“base:'/aoxinwechat/'”；4、执行npm run build；5、启动tomcat即可。
本文操作环境：Windows7系统、Vue2.9.6、Dell G3电脑。
vuejs项目怎么部署到tomcat？
部署vue项目到tomcat上：
1、前提条件：有配置java环境，下载tomcat后解压https://tomcat.apache.org/download-80.cgi，得到如下目录
立即学习“前端免费学习笔记（深入）”；
2、修改vue项目下config/index.js，注意dev和build都要改assetsPublicPath的配置
module.exports = {
dev: {
...
assetsPublicPath: './',
...
},
build: {
...
assetsPublicPath: './',
...
}
}3、修改路由配置src/router/index.js，增加配置base: '/aoxinwechat/'，如果这里不配置，会导致部署的项目首页访问一片空白，但不报错，且引入的文件有正常加载
export default new Router({
//如打包文件存放在Tomcat/webapps/aoxinwechat下，
//那么base就这么写
base: '/aoxinwechat/',
mode: 'history',
routes: [
...
]
})4、执行npm run build，将打包生成的dist目录下的所有东西粘贴到Tomcat/webapps/aoxinwechat路径下，aoxinwechat是自定义的项目名
5、启动tomcat，在tomcat下的bin目录中双击startup.bat文件，或者打开命令行去访问startup.bat，
访问路径格式>>ip:port/aoxinwechat，例如：http://localhost:8080/aoxinwechat/，即可访问到Vue项目。
推荐：《最新的5个vue.js视频教程精选》
以上就是vuejs项目怎么部署到tomcat的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
347
收藏
