成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專(zhuān)欄INFORMATION COLUMN

vue2.0登錄注冊(cè)demo

VioletJack / 971人閱讀

摘要：剛學(xué)的試著做了個(gè)基于全家桶的登錄注冊(cè)后臺(tái)接口使用和環(huán)境依賴(lài)模塊使用生產(chǎn)項(xiàng)目登錄注冊(cè)通過(guò)后臺(tái)生成的存放在游覽器中實(shí)現(xiàn)路由說(shuō)明需要實(shí)現(xiàn)的路由和簡(jiǎn)單的登錄權(quán)限首頁(yè)，不需要登錄可以訪問(wèn)個(gè)人頁(yè)，需要登錄后可以訪問(wèn)登錄，不需要登錄可以訪問(wèn)，登錄

剛學(xué)的vue試著做了個(gè)demo
基于vue2全家桶spa的登錄注冊(cè)
后臺(tái)接口使用express和mongodb

環(huán)境依賴(lài)模塊

使用vue-cli生產(chǎn)項(xiàng)目,登錄注冊(cè)通過(guò)后臺(tái)生成的token存放在游覽器localstoage中實(shí)現(xiàn)

vue-cli

vue2

vue-router

vuex

vue-axios

express

mongoose

jsonwebtoken

路由說(shuō)明

需要實(shí)現(xiàn)的路由,和簡(jiǎn)單的登錄權(quán)限

/home ? ? ? ? ? ? ?   // 首頁(yè)，不需要登錄可以訪問(wèn)
/person               // 個(gè)人頁(yè)，需要登錄后可以訪問(wèn)
/login                // 登錄，不需要登錄可以訪問(wèn)，登錄后不可以訪問(wèn)
/reg                  // 注冊(cè)，不需要登錄可以訪問(wèn)，登錄后不可以訪問(wèn)
/logout               // 退出登錄，需要登錄后才可以訪問(wèn)
運(yùn)行程序

到這里基本實(shí)現(xiàn)了后前后端分離,不足的地方也請(qǐng)大神指出
還有很多能擴(kuò)展的功能也沒(méi)有做,我也會(huì)在之后的項(xiàng)目中試著添加進(jìn)去,把vue的坑一個(gè)個(gè)踩過(guò)去
放上源碼地址https://github.com/xuyd/vue-l...

npm install
//開(kāi)啟mongodb
mongod --dbpath
node app
npm run dev
http://localhost:8080/

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86567.html

相關(guān)文章

  • Vue2.0簡(jiǎn)易案例

    摘要：由于眾所周知的原因，谷歌字體只能過(guò)墻后才能被正常加載，而中的原生使用了谷歌字體，在這個(gè)案例中改為使用。代碼存在，國(guó)內(nèi)訪問(wèn)速度沒(méi)那么快，初次加載較慢請(qǐng)耐心等待。如果項(xiàng)目對(duì)你有所幫助，不妨一下，你的支持是我前進(jìn)的最大動(dòng)力。 效果圖： showImg(https://segmentfault.com/img/remote/1460000008172654?w=303&h=545); show...

    sourcenode 評(píng)論0 收藏0

  • 前端知識(shí)庫(kù) - 收藏集 - 掘金

    摘要：自適應(yīng)的橢圓背景知識(shí)屬性的基本用法使用樣式畫(huà)各種圖形前端掘金下面是一些我在中經(jīng)常用到的圖案，還有一些是在看到的。像圖手把手教你使用前端掘金使用教程一是什么是目前世界上最先進(jìn)的分布式版本控制系統(tǒng)。 如何在 Vue.js 中使用第三方庫(kù) - 前端 - 掘金在諸多 Vue.js 應(yīng)用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 庫(kù)....

    wall2flower 評(píng)論0 收藏0

  • 前端知識(shí)庫(kù) - 收藏集 - 掘金

    摘要：自適應(yīng)的橢圓背景知識(shí)屬性的基本用法使用樣式畫(huà)各種圖形前端掘金下面是一些我在中經(jīng)常用到的圖案，還有一些是在看到的。像圖手把手教你使用前端掘金使用教程一是什么是目前世界上最先進(jìn)的分布式版本控制系統(tǒng)。 如何在 Vue.js 中使用第三方庫(kù) - 前端 - 掘金在諸多 Vue.js 應(yīng)用中, Lodash, Moment, Axios, Async等都是一些非常有用的 JavaScript 庫(kù)....

    BetaRabbit 評(píng)論0 收藏0

  • vue2.0開(kāi)發(fā)聊天程序(八) 初步完成

    摘要：主要表現(xiàn)在復(fù)雜的語(yǔ)句事務(wù)支持等。僅支持，在等瀏覽器中，會(huì)出現(xiàn)樣式布局混亂的情況。將群群對(duì)應(yīng)的聊天記錄保存在數(shù)據(jù)庫(kù)。用戶(hù)進(jìn)入群聊，則將其加入到對(duì)應(yīng)的中。文件大小不能超過(guò)通過(guò)模塊操作登錄注冊(cè)將用戶(hù)名作為唯一值。登錄支持自動(dòng)登錄，將密碼保存在中。 showImg(https://segmentfault.com/img/bV4jYr?w=402&h=710);showImg(https://...

    wmui 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<