【小编推荐】Laravel9 + Vue3.0前后端分离框架通用后台源码

写文章背后的心酸与故事：

之前在淘宝，简单上传一个商品，“【小编推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码”，意外成为爆品。短短在几天的时间，成为爆款。其中有一个客户，在淘宝客服咨询，期待有vue3的版本，于是这边连夜赶工，用最新的Laravel框架与最新Vue3开发。用最快的速度开发出来了，反馈确实极其残酷的。现状依然没有改变，订单依然是寥寥无几。于是这边有去线下推广业务的想法，扫写字楼。一层又一层，拒绝又拒绝。最后被迫只能发名片。但这边包里面的名片并不多，很快就发完了。于是这边做公交车到图书馆，并提前点好外卖。回想吃外卖狼狈的现状与长头发偶尔间杂白发的我。就知道扫写字楼是多么错误的事情。头上的白发，都是我曾经犯过错。不想打工，想创业。实力不够，创业是多么折腾的事情，是多么错误的事情。好在这边经历过几次失业，很快能从中走出来。正经找工作，才是唯一的出路。老老实实的打工，做好本分。少模仿，你做不到的事情。少折腾。多花钱、多保养、多爱生活、多做擅长的事物、多爱自己、多睡觉、多运动、多听歌、多升级自己（变化已有习惯），注意不是拼命学习新事物，在力量不足的时候、新知识能容易把现在的行为弄错，尽量少学。以实用为主，学习是为了解决问题。还有就是谨慎新领域、切记。

laravel9 + vue3 + element-ui的后台极速开发框架，采用前后端分离架构，安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制) 网址： http://laravel.v9.vue.v3.wzxiaopin.com/admin 账号：admin 密码：admin

温馨提示：若出现无法登陆，可以在首页 点击“安装”选项，即可重置数据，然后登陆即可。目前系统是定时任务，12小时为一周期，自动重装。

注意事项

后端项目部署，尽量用域名，不要用php artisan serve，启用后端项目，否则会出现后台无法登录问题

安装要求

1. php = ^7.3 | ^8.0
2. laravel = 8.75
3. mysql >= 5.7
4. vue = 3.2.38
5. node = v16.17.1

快速安装 （必须）

1. cd backend #进入后端目录
2. cp .env.dev .env #复制配置
3. 创建数据库，laravel-vue-cms 并依次设置 .env文件中的 DB_HOST DB_PORT DB_DATABASE DB_USERNAME DB_PASSWORD
4. 导入数据库文件，resource/数据库.sql
5. 配置伪静态 ngnix参考：location / { try_files $uri $uri/ /index.php$is_args$query_string; }
6. 访问后台，你的域名/admin 账号: admin 密码: admin

安装依赖 （非必须）

由于众所周知的原因，国外的网站连接速度很慢。因此安装的时间可能会比较长，我们建议使用国内镜像 （阿里云）。
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/
根目录执行
composer update 或者 composer install

可选配置（非必须）

php artisan migrate #第一步：安装数据表
php artisan generate:cms #第二步：添加demo数据
php artisan key:generate #第三步：生成APP_KEY
php artisan passport:keys --force #第四步：生成oauth密钥
php artisan storage:link #第五步：创建目录软连接
php artisan passport:client –password –provider=admins #第六步：生成OAuth令牌
复制生成OAuth令牌参数，到.env文件中的PASSPORT_CLIENT_ID PASSPORT_CLIENT_SECRET
chown -R 777 storage #更改权限目录

前端环境配置：

打开.env.development，并全局搜索 http://119.91.46.222:85/ 并替换域名为 你的后端域名，注意后面，要有反斜杠结尾

前端一键安装：

npm install --registry=https://registry.npm.taobao.org
npm run dev #本地热开发
npm run build #打包编译

编译并覆盖

npm run build && \cp -r -f dist/* ../backend/public/admin/

访问链接

后台：你的域名/admin 账号: admin 密码: admin

常见问题

1. 如何定义，php artisan generate:demo 命令呢
    在目录: `backend/app/Console/Commands/` 定义 输入 `php artisan generate` 可以检测命令是否定义成功









2. 关于后端，URL重写问题
    location / {  
        try_files $uri $uri/ /index.php$is_args$query_string;  
    }









3. 后台管理，菜单图标，都有哪些呢
    可以在 `/frontend/src/icons/svg` 中查看
    目前系统支持：
    zip、wechat、visitor、user、tree、tool、theme、table、tab、
    statistics、star、size、shopping、shipments、register、refund
    、qr、qq、pv、project、plug-in、peoples、people、pdf、password、
    oldvisitor、note、nested、money、message、manage、logistics、lock、
    location、list、link、language、international、inform、Indent、
    icon、home、guide、goods、form、eye、expenditure、excel、example、
    establish、email、element、edit、drag、documentation、data、
    dashboard、component、complaint、column、clipboard、chart、
    bug、article、apply、AD、404









4. 友情链接








    vue-element-admin文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/   https://panjiachen.github.io/vue-element-admin/

    
    
    
    
    Element: https://element.eleme.io/
    
    
    
        
    uniapp官网: https://uniapp.dcloud.io
    
    
    
        
    laravel文档:  https://learnku.com/docs/laravel/7.x
        
      
    
    

    easywechat文档: https://www.easywechat.com/docs/4.1/mini-program/app_code
    
    

    guzzle文档: https://guzzle-cn.readthedocs.io/zh_CN/latest/index.html
    
    

    Passport OAuth 认证文档: https://learnku.com/docs/laravel/7.x/passport/7515
    

    vue2.0文档: https://cn.vuejs.org/v2/guide/
    
    
    ColorUI GitHub: https://github.com/weilanwl/ColorUI

















5. 数据库文件




  文件位置：/www/wwwroot/139.155.45.209:84/backend/storage/app/laravel-vue-cms.sql















6. 执行 PHP artisan storage:link symlink (): No such file or directory
    
   切记要 根目录执行 \rm public/storage 再执行 php artisan storage:link

收藏：370+，已购：100+

点我购买，免登录（正版源码，自动发货）