Vue全家桶+node+koa2+mysql+nginx+redis,全棧部落格專案訓練【1】
阿新 • • 發佈:2020-10-09
專案介紹和圖片
01 vue部落格前端
使用vue+vuex+vue-router+axios,通過webpack打包。
包括註冊,session登陸功能,上傳圖片,檢視文章,評論點贊等一系列功能。
02 node後臺,使用koa2框架編寫
03 管理部落格介面
分享系列,深入介紹專案
接下來將按照以下環節來深度還原這個專案的編寫過程。
1,node,webpack和vue-cli環境的搭建,使用vue全家桶,寫好路由,構建靜態頁面,為後續的api請求的編寫打下基礎。
2,開始配置node後臺環境,安裝koa2,mysql,redis,nginx等一系列的配置,一步一步來,每一步都有詳細的講解。
3,編寫後臺程式碼,連線資料庫和redis,編寫後臺介面,使用nginx反向代理,解決在本機開發環境上的跨域問題(統一埠號)。
4,編寫管理頁面,js,操作許可權,直接操控資料庫。
5,對前後端專案全面進行編寫和完善。
6,購買雲伺服器,一步步配置好linux環境,配圖。
7,使用pm2在雲伺服器託管node後臺,用nginx做web伺服器,將web前端,管理介面上傳部署到nginx中。
8,專案執行在伺服器上。