1.打開config下的index.js 配置文件,找到assetsPublicPath: '/' 修改爲 assetsPublicPath: './' 注意有個點 表示相對路徑,打包後在index.html中引入外部js和css時會以此路徑爲基準路徑
2.找到路徑下的 router/index.js 把 mode:'history' 去掉 否則在tomcat部署後的vue項目刷新會報404錯誤
3.進入vue項目根目錄 執行 cnpm run build 打包項目,下圖表示打包成功
4.在項目下會出現一個目錄dist,裏面的static中是js和css
5.在Tomcat的webapps目錄下新建一個目錄 比如 emp
6.把static和index.html 放到emp文件夾下 ,emp就是項目名 ,如果不想要項目名可以把東西放到ROOT下,因爲tomcat規定ROOT下的項目不需要添加項目名
7.啓動tomcat訪問 http://localhost:8080/emp/index.html