tomcat部署web項目后訪問空白頁問題

問題描述；

本人使用的阿里雲服務器，經過幾天的折騰，我懷着無比激動的心情打開瀏覽器訪問我幾天的勞動成果，然而呈現我眼前的卻是空白頁what？

解決方案；

1. 在 vue.config.js中配置publicPath屬性；

   據vue官方介紹：Vue CLI 會假設你的應用是被部署在一個域名的根路徑上，例如 https://www.my-app.com/。如果應用被部署在一個子路徑上，你就需要用這個選項指定這個子路徑。例如，如果你的應用被部署在 https://www.my-app.com/my-app/，則設置 publicPath 為 /my-app/。

   這個值也可以被設置為空字符串 ('') 或是相對路徑 ('./')，這樣所有的資源都會被鏈接為相對路徑，這樣打出來的包可以被部署在任意路徑

   module.exports = {
     // 解決部署后訪問空白頁的問題；
     publicPath: './',
   }
   // 我的項目部署在 http://47.114.139.71:8080/heros/#heroList 上；
   

   相對路徑：‘./’  會把項目名默認添加到請求的資源路徑中；
   

   

   如果是 絕對路徑 ‘/’ 則請求的資源路徑為 http://47.114.139.71:8080/css/app.93ebc27.css
   

   以相對路徑./設置的效果和/heros/或heros的效果一樣；都會在請求的資源路徑添加項目名或你設置的路徑名(hero)；