vue2.0登陸註冊demo


剛學的vue試着作了個demo
基於vue2全家桶spa的登陸註冊
後臺接口使用express和mongodbvue


環境依賴模塊

使用vue-cli生產項目,登陸註冊經過後臺生成的token存放在遊覽器localstoage中實現node

  • vue-cliios

  • vue2git

  • vue-routergithub

  • vuexweb

  • vue-axiosvue-router

  • expressmongodb

  • mongoosevuex

  • jsonwebtokenvue-cli


路由說明

須要實現的路由,和簡單的登陸權限

/home                 // 首頁,不須要登陸能夠訪問
/person               // 我的頁,須要登陸後能夠訪問
/login                // 登陸,不須要登陸能夠訪問,登陸後不能夠訪問
/reg                  // 註冊,不須要登陸能夠訪問,登陸後不能夠訪問
/logout               // 退出登陸,須要登陸後才能夠訪問

運行程序

到這裏基本實現了後先後端分離,不足的地方也請大神指出
還有不少能擴展的功能也沒有作,我也會在以後的項目中試着添加進去,把vue的坑一個個踩過去
放上源碼地址https://github.com/xuyd/vue-l...

npm install
//開啓mongodb
mongod --dbpath
node app
npm run dev
http://localhost:8080/
相關文章
相關標籤/搜索