原文地址：https://www.cnblogs.com/FireworksEasyCool/p/11385271.html
該專案是gin+vue的前后端分離專案，使用gorm訪問MySQL，其中vue前端是使用vue-element-admin框架簡單實作的；
go后臺使用jwt，對API介面進行權限控制。此外，Web頁面在token過期后的半個小時內，用戶再次操作會自動重繪token；
專案很小，適合gin新手學習！（后續有時間會補上相關教程）
GitHub地址：https://github.com/Bingjian-Zhu/gin-vue
**一、運行go后臺專案**
（1）把專案clone到GOPATH/src目錄下
（2）在MySQL中新建blog資料庫，運行檔案夾/docs/sql中的mysql.sql腳本
（3）在檔案夾/conf中修改組態檔api.ini中的資料庫連接配置
（4）在gin-vue目錄下運行：```go run main.go```
目前為止，gin后臺專案成功跑起來了
（5）可能遇到的問題
如果在GitHub是用下載壓縮包的形式，解壓后請把檔案夾gin-vue-master重名為gin-vue，然后再復制到/GOPATH/src目錄下
**二、使用Postman測驗API介面**
（1）登錄，token過期時間設為5分鐘
（2）使用token呼叫API介面
[1.gif](https://static.studygolang.com/190821/b9038f2868177d514c56b367c2098ceb.gif)
（3）API權限驗證
當使用admin登錄獲取的token呼叫/api/v1/table/list介面時，能獲取到資料
改用test用戶登錄獲取的token呼叫/api/v1/table/list介面時，回傳403，沒有權限
!
（4）重繪token
當token過期后，可以呼叫/auth/refresh_token介面重新獲取token，再用獲取到的token去呼叫介面
當然重繪token也是有有限期的，這里設定了1個小時
（5）簡單看下介面運行的時間
**三、運行vue-admin專案**
（1）在/gin-vue/vue-admin目錄下運行：```npm install```
（2）運行：```npm run dev```
瀏覽器自動打開 http://localhost:9528/#/login?redirect=%2Fdashboard，然后就可以像文章開頭的動圖一樣玩了
**四、總結**
初步體驗了gin框架，總體上還是可以的
再次附上原始碼地址：https://github.com/Bingjian-Zhu/gin-vue
喜歡的請star
uj5u.com熱心網友回復：
不錯不錯，比較適合入門了解uj5u.com熱心網友回復：
不錯。uj5u.com熱心網友回復：
您這個是elementUI-admin和Gin的組裝體啊轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/85329.html
標籤：其他技術討論專區