vue3.0打包及部署Tomcat

第一步 npm run build  打包  

第二步 vue3.0要配置要在根目录新建一个vue.config.js文件，和node_module 同级   

module.exports = {

outputDir: 'dist',   //打包的文件名，可以自己设置，默认是dist

publicPath: process.env.NODE_ENV === 'production'

? '/dist/'

: '/'

// assetsDir: 'static',

 

}

第三步 找到安装的Tomcat 安装包文件位置，找到它文件下的 webapps 文件，进入 webapps 文件，将你打包的 dist 文件包放进去，再通过Tomcat 下的bin文件下的 startup,

startup 有两个，双击后缀为 .bat的，不显示后缀，通常双击第一个，也就是谁在上面双击谁，这样Tomcat就启动了，打开浏览器,输入默认网址 localstlocalst:8080/dist  就

可以显示内容了