部署vue項目到tomcat上

一、前提條件：有配置java環境，下載tomcat後解壓https://tomcat.apache.org/download-80.cgi，獲得以下目錄

 

二、修改vue項目下config/index.js，注意dev和build都要改assetsPublicPath的配置

module.exports = { dev: { ... assetsPublicPath: './', ... }, build: { ... assetsPublicPath: './', ... } }

三、修改路由配置src/router/index.js，增長配置base: '/aoxinwechat/'，若是這裏不配置，會致使部署的項目首頁訪問一片空白，但不報錯，且引入的文件有正常加載

export default new Router({ //如打包文件存放在Tomcat/webapps/aoxinwechat下，
  //那麼base就這麼寫
  base: '/aoxinwechat/', mode: 'history', routes: [ ... ] })

四、執行npm run build，將打包生成的dist目錄下的全部東西粘貼到Tomcat/webapps/aoxinwechat路徑下，aoxinwechat是自定義的項目名

五、啓動tomcat，在tomcat下的bin目錄中雙擊startup.bat文件，或者打開命令行去訪問startup.bat，

訪問路徑格式>>ip:port/aoxinwechat，例如：http://localhost:8080/aoxinwechat/，便可訪問到Vue項目。