#  Laravel11 + Vue3.0前后端分离框架通用后台源码

**Repository Path**: pinapp/v2-laravel11-vue3-admin

## Basic Information

- **Project Name**:  Laravel11 + Vue3.0前后端分离框架通用后台源码
- **Description**: laravel11 + vue3 + element-ui的后台极速开发框架，采用前后端分离架构，安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制) 
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-18
- **Last Updated**: 2024-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

laravel11 + vue3 + element-ui的后台极速开发框架，采用前后端分离架构，


安全性 (JWT 校验、中间件、验证器、路由、异常处理、权限控制) 



 


#### 注意事项：


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


![输入图片说明](%E5%95%86%E5%93%81%E5%9B%BE%E7%89%87.png)




 

#### 服务器环境：


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/

[已购50+，自动发货，无需等待](https://pan.notestore.cn/s.html?id=24)