1、問題起因
A項目傳統項目，調用第三方提供的方法，實現了簽名功能（主要是因爲簽名資質），項目B是vue-ci3+webpack。項目B需要實現新功能，也用到簽名，把簽名代碼集成了過來。調用第三方接口失敗，各種排查問題。最後定位到問題在於，調用第三方方法，生成數據包的時候，數據包解析出來多了幾個Null。
最後把第三方公司提供的demo整個放進項目文件夾也不行，最終確認不是代碼問題，可能跟vue-cli3+webpack有問題，也就是第三方提供的庫，跟webpack不兼容。頁面功能實現在page下面，會經過webpack打包，可能影響了第三方公司提供的js包，在調用生成數據包的方法適合，莫名其妙多了幾個null，要被坑慘了。
2、解決辦法
把這個功能拆分出來，放在public文件夾下面。
cli3官方說明：
- 任何放置在public文件夾下的靜態資源都會被簡單的複製，而不經過webpack,需要使用絕對路徑，來引用他們.
- public目錄提供的是一個應急手段，通過絕對路徑引用他的時候，留意應用會部署到哪裏，如果沒有部署到域名的根目錄，需要爲url配置publicPath前綴
什麼時候使用public
- 有些庫跟webpack不兼容，只能寫在public文件夾下面，用一個獨立的
<script>標籤引入沒有別的選擇、 - 需要在構建輸出中指定一個文件的名字
- 有上千個圖片，需要通過動態引用他們的路徑