ant-design-pro-vue 打包問題

       由於以前一直使用iview，使用iview的腳手架一直沒出過什麼問題。所以當知道antd出vue版後，在新項目的原型使用了一下，一開始啓動，修改都很愉快。結果沒想到打包時出了問題。

        通過標題可以知道我使用的腳手架是ant-design-pro-vue，這個腳手架採用的vue-cli3.0。

        下面說說遇到的問題，由於沒有仔細看過vue-cli3.0的問題，同時ant-design-pro-vue腳手架也沒有特別說明，想當然的以爲打完包就可以直接打開。結果打完包你就會看到這種情況。

  項目會一直轉圈圈，無法正常打開。通過讀vue-cli3.0文檔發現是因爲沒有配置publicPath的原因。不配置的情況下項目只能通過web容器打開無法通過file://打開，於是加入publicPath:'./'後項目可以正常打開。但會出現第二問題由於ant-design-pro-vue的路由默認採用history模式，這會導致你後續頁面都是找不到的。所以修改爲hash模式。

   總結：

            如果你想打包成dist後直接打開需要做以下幾點：

             1. 在vue.config.js加入publicPath:'./'

             2. 修改router.config.js中的mode,直接去掉即可。

             3. 如果還想使用mock虛擬數據你應該修改.env中的判斷條件VUE_APP_PREVIEW=false改爲true。