總結一下最近使用vue構建專案時遇到的坑

2022-09-02 04:42:09 字數 588 閱讀 8170

雖然vue-cli提供了很方便的腳手架來構建自己的專案,但是在實際開發過程中,我還是遇到了一些問題,現將其摘要如下:

1、使用npm run build命令後會將我們的**壓縮至dist資料夾內,dist資料夾內目錄如下:

此時直接開啟index.html是無法開啟的,我的解決辦法是將其放在本地tomcat伺服器內,然後通過啟動bin/startup.bat啟動伺服器,即可以在瀏覽器正常除錯。

2、開啟後發現有一些沒有顯示,有一些壓縮為base64,一些沒有被壓縮,檢查後發現是檔案過大,與build資料夾內webpack.base.conf.js配置不匹配有問題,

},

將此處的limit值變大後正常顯示

3、index.html內的js檔案路徑報錯,

src=/static/js/manifest.4556eb0998075bdd0762.js>
此處將static前面的「/"刪掉,解決。

本文所提的方法只是我在專案中的處理,如果有更好的辦法,望指正

總結一下《vue的使用》

1.用vue建立專案的時候,1.安裝axios,對axios進行處理,建立axios.js檔案,設定基礎請求位址,設定前置守衛和獨享守衛,對請求資料進行設定,特別實在進行token驗證的時候特別需要設定 2.後台伺服器如果跨域,需要在根目錄建立vue.config.js具體參考vue官網的介紹 3....

總結一下最近的體會

最近的狀態 一直處於看 的狀態,效率不高,之前一直在看細節,然後細節看過之後,感覺應該對流程應該有個體會,所以就去看流程而沒有過多的關注細節,其實應該是先看細節,然後再看流程,兩者結合一下,效果會更好 有了改變的意識 感覺很沒勁,感覺學不多東西,感覺很無聊 聽培訓,聽完之後,老人點評,這時候才開始明...

基於vue構建的spa專案總結 一

作為學習前端第乙個完整的專案,有必要記錄一下這兩個月來的心得和踩過的坑。專案為乙個工業大資料spa,功能主要為csv上傳與管理,基於csv進行的 繪製與相關基於echarts的圖表繪製。使用到的技術有vue vue router vuex vue resource sass。本文分為3個部分 路由設...