一. 安裝對應(yīng)依賴
兩種方法:分別針對于終端和可視化窗口顽铸,
第一種方式為:打開終端-輸入npm i nprogress –save nprogress
第二種方法為:打開可視化窗口-依賴面板-安裝依賴-選擇運(yùn)行依賴-搜索nprogress插件(一般為0.2.0版本)
二.? 進(jìn)度條的使用原理
對于nprogress包來說吗伤,方法Nprogerss.start()和Nprogress.done()分別控制進(jìn)度條的顯與隱藏,那么當(dāng)發(fā)起數(shù)據(jù)請求時(shí)啤覆,進(jìn)度條需要顯示,在請求結(jié)束返回響應(yīng)之后進(jìn)度條需要隱藏,這就要求進(jìn)度條的顯隱與數(shù)據(jù)的請求相關(guān)聯(lián),通過請求來展現(xiàn)或者隱藏進(jìn)度條的狀態(tài)
三. 操作原理
(1) 首先進(jìn)入項(xiàng)目入口函數(shù)煮剧,一般為main,導(dǎo)入Nprogress包和對應(yīng)的Css
(2) 在main方法的請求攔截器當(dāng)中配置Nprogerss.start()和Nprogress.done()函數(shù)将鸵,最后return config勉盅,完成配置