一個人前後分離的簡單嘗試

後臺框架

社群大佬整理的 github.com/guaosi/Laravel_api_init

前端方案 vue-element-admin

vue panjiachen.gitee.io/vue-element-ad...

1. 幾張簡單成品圖

2. 過程的坑
   1.怎麼設定vue代理（解決開發時候的跨域問題）
   2.怎麼開啟前後聯調（vue-element-admin裡面是mock除錯的）
   3.請求攔截器，返回請求攔截器設定（主要和介面返回的統一引數一致，配置token的無痛重新整理）
   4.vuex的使用（token，導航欄，tagviews的儲存）
   5.許可權的動態配置，如何控制頁面上按鈕的許可權（隱藏或者不能點選）（vue-element-admin方案中是固定的，需要自己修改）
   6.餓了麼ui的坑
   7.打包配置（因為我想把前端的打包後的檔案dist放在laravel的public下,最後在web.php下輸出dist。這樣就不需要Nginx代理了。）
3. 結尾
   第一次一個人嘗試，很簡單，也很困難，希望大佬不要在意。

本作品採用《CC 協議》，轉載必須註明作者和本文連結