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  就

可以顯示內容了