Vue后臺(tái)管理項(xiàng)目 --- 登錄篇

1. 年前項(xiàng)目趨于穩(wěn)定誊辉,想著把Vue構(gòu)建的后臺(tái)管理項(xiàng)目重構(gòu)一下型奥,主要是因?yàn)槔享?xiàng)目是Vue和jquery混用误窖,然后隨著不停地增加功能,代碼也變得越來(lái)越臃腫和不好維護(hù)猜绣,趁著這段時(shí)間抓緊重構(gòu)一下灰殴,也是對(duì)自己的一次梳理和提升。

2. 就先從登錄開(kāi)始吧掰邢,現(xiàn)在我們項(xiàng)目登陸的流程是把用戶名牺陶,密碼,驗(yàn)證碼通過(guò)登錄接口發(fā)送給后端后辣之,后端會(huì)返回一個(gè)字段里面包含token掰伸,通過(guò)登陸后,以后每次請(qǐng)求都要把這個(gè)token放到請(qǐng)求頭header里面召烂,如果沒(méi)有則返回錯(cuò)誤信息碱工。

3. 發(fā)起請(qǐng)求的庫(kù)用的axios,然后還用到了element-ui, 在src目錄下面新建一個(gè)request.js, 因?yàn)榈卿浗涌诓恍枰觮oken,然后axios可以在請(qǐng)求前和請(qǐng)求后做一些操作怕篷,如:

4. 我是把登錄成功后的token信息放到了vuex里面历筝,然后在vuex里面把token加到了sessionStorage里面,因?yàn)槿绻诺絭uex里面的話廊谓,刷新之后登陸成功后的信息就不保存了梳猪,所以放到了sessionStorage里面。

5. 我們應(yīng)該全局使用這個(gè)axios所以在main.js中引入它:


在頁(yè)面里面就可以使用this.$http進(jìn)行請(qǐng)求了

6. 項(xiàng)目部分參考: vue-admin 這個(gè)項(xiàng)目蒸痹,文檔:vue-element-admin?春弥, github地址:GitHub - PanJiaChen/vue-element-admin: A magical vue admin http://panjiachen.github.io/vue-element-admin,非常感謝作者叠荠,學(xué)到很多D渑妗!榛鼎!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末逃呼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子者娱,更是在濱河造成了極大的恐慌抡笼,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件黄鳍,死亡現(xiàn)場(chǎng)離奇詭異推姻,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)框沟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門藏古,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人街望,你說(shuō)我怎么就攤上這事校翔。” “怎么了灾前?”我有些...
    開(kāi)封第一講書人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵防症,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我哎甲,道長(zhǎng)蔫敲,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任炭玫,我火速辦了婚禮奈嘿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘吞加。我一直安慰自己裙犹,他們只是感情好尽狠,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著叶圃,像睡著了一般袄膏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上掺冠,一...
    開(kāi)封第一講書人閱讀 49,806評(píng)論 1 290
  • 那天沉馆,我揣著相機(jī)與錄音,去河邊找鬼德崭。 笑死斥黑,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的眉厨。 我是一名探鬼主播锌奴,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼憾股!你這毒婦竟也來(lái)了缨叫?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤荔燎,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后销钝,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體有咨,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年蒸健,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了座享。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡似忧,死狀恐怖渣叛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情盯捌,我是刑警寧澤淳衙,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站饺著,受9級(jí)特大地震影響箫攀,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜幼衰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一靴跛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧渡嚣,春花似錦梢睛、人聲如沸肥印。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)深碱。三九已至,卻和暖如春挤牛,著一層夾襖步出監(jiān)牢的瞬間莹痢,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工墓赴, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留竞膳,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓诫硕,卻偏偏與公主長(zhǎng)得像坦辟,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子章办,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • 完整項(xiàng)目地址:vue-element-admin系類文章一:手摸手藕届,帶你用vue擼后臺(tái) 系列一(基礎(chǔ)篇) 前言 拖...
    7cd975786ccd閱讀 10,688評(píng)論 4 65
  • 2016年11月18日 微信傳來(lái)震動(dòng) 泡芙一眼就看到了久違的圖像 在閃爍 點(diǎn)開(kāi)一看 他要結(jié)婚了 這個(gè)她愛(ài)了5年的男孩
    遇見(jiàn)盛夏閱讀 246評(píng)論 0 0
  • 孟冬之朝美挪蹭,飆山興正濃; 題名好漢坡休偶,談笑叢林間梁厉。
    酒途YT1919閱讀 321評(píng)論 0 1
  • 狼煙起,玄奇娘娘危坐于虎背踏兜,作為最原始的種族词顾,他們是落后的,卻也是最成功的碱妆,若說(shuō)誰(shuí)是自然的征服者肉盹,那只有他們...
    林木人閱讀 443評(píng)論 0 2
  • 忽然想到一個(gè)選擇題,有沒(méi)有小伙伴想分享一下你的答案呢疹尾? 以下選項(xiàng)你覺(jué)得哪個(gè)最有道理或者能表達(dá)此刻的心聲上忍? A.我們...
    明月107閱讀 156評(píng)論 0 0