搜索rufusmaiwald / lumen-vue-app
使用vue-cli包含的Vue.js作为前端，Laravel Lumen框架作为后端API
Requires
- php: ^7.3|^8.0
- laravel/lumen-framework: ^8.0
Requires (Dev)
- fakerphp/faker: ^1.9.1
- mockery/mockery: ^1.3.1
- phpunit/phpunit: ^9.3
This package is auto-updated.
Last update: 2024-09-27 22:06:36 UTC
README
想使用Lumen但又要vue-cli的所有优点，包括热重载？这里就是！内置vue-cli的Lumen脚手架。
本项目是一个基本的Lumen 8.0应用，使用laravel/lumen脚手架创建。在Vue 3上安装了vue-cli-service ~4.5.0，包括babel、eslint、vue-router和vue-axios。
安装
通过composer安装
composer create-project --prefer-dist rufusmaiwald/lumen-vue-cli site
site是新项目将被创建的目录名称。
安装后，下载所有npm依赖项
npm install
入门指南
源代码
典型的vue-cli src目录已经被移动到./resources/js/vue。所以你可以像平常一样使用它。在./resources/js/vue/assets中的资产将自动解析为@/asset.img。
静态文件
由于vue-cli现在在您的./public目录中构建编译后的源代码和资产，请不要将其中的文件放在那里。所有要放在./public目录中的静态文件都会在运行npm run build时从./resources/static复制过来。您可能还记得vue-cli的static文件夹中的这种行为。
构建应用程序
使用npm run build，您的vue-app将在public文件夹中编译，所有静态文件都将复制过来。就是这样！您的应用程序已准备好从./public提供。
开发
lumen-vue-cli使用vue devServer代理，允许所有后端路由仅通过XHR/fetch请求从前端访问。了解更多关于devServer代理[这里](composer create-project --prefer-dist laravel/lumen blog)。只需运行php artisan serve和npm run serve，您的应用程序应该会在https://:8080上运行。
使用vue-cli devServer，所有vue前端请求都不会通过lumen及其中间件进行路由。要测试这种行为，只需使用
npm run build构建前端，并使用php artisan serve运行lumen应用程序。
视图
./resources/js/vue/index.html将在构建时复制到./resources/views/app.blade.php。只需在路由中包含模板即可返回您的vue应用程序。
自定义Vue-Cli配置
请参阅配置参考。