温州小拼科技有限公司
【小编推荐②】Laravel10 + Vue3.0前后端分离框架通用后台源码
后端项目部署，尽量用域名，不要用`php artisan serve`，启用后端项目，否则会出现后台无法登录问题 #### 服务器环境： Mysql 5.740 [已测] #### 目录结构： /frontend （
发布时间：2025年2月28日
版本选择：
【小编推荐】Laravel10 + Vue3.0前后端分离框架通用后台源码：https://download.notestore.cn/laravel10-vue3-admin
【小编推荐】Laravel9 + Vue3.0前后端分离框架通用后台源码：https://download.notestore.cn/laravel9-vue3-admin
【小编推荐】Laravel7 + Vue2.0前后端分离框架通用后台源码：https://download.notestore.cn/laravel-vue-admin
laravel10 + vue3 + element-ui的后台极速开发框架，采用前后端分离架构，安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制)
网址：https://download.notestore.cn/20231212/ 账号：admin 密码：admin
#### 注意事项：
后端项目部署，尽量用域名，不要用`php artisan serve`，启用后端项目，否则会出现后台无法登录问题
#### 服务器环境：
PHP8.2 [已测]
Mysql 5.740 [已测]
#### 目录结构：
/backend （后端目录）
/frontend （前端目录）
/resource （资源目录，包含数据库以及安装说明以及相关截图）
#### 快速安装：
1. 创建MYSQL数据库，导入/resource/数据库.v10.sql
2. 修改 .env 配置 APP_URL、DB_开头的配置
3. 设置 public 目录作为 web目录访问内容
4. 配置伪静态 location / { try_files $uri $uri/ /index.php$is_args$query_string; }
5. 后台入口 你的网址/admin，账号密码 admin admin
#### 后端命令行安装（非必须）
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 #更改权限目录
### 安装依赖 （非必须）
由于众所周知的原因，国外的网站连接速度很慢。因此安装的时间可能会比较长，我们建议使用国内镜像 （腾讯云）。
composer config -g repos.packagist composer https://mirrors.cloud.tencent.com/composer/
根目录执行
composer update 或者 composer install
#### 前端环境配置：
打开`frontend/config/dev.env.js`，并全局搜索 `http://139.155.45.209:84/` 并替换域名为 `你的后端域名`，注意后面，要有反斜杠结尾
#### 前端一键安装：
npm install --registry=https://registry.npm.taobao.org
npm run dev #本地热开发
npm run build:prod #打包编译
#### 编译并覆盖
npm run build:prod && \cp -r -f dist/* ../backend/public/admin/
