Laravel-Vue SPA
A Laravel-Vue SPA starter kit.
Features
- Laravel 8
- Vue + VueRouter + Vuex + VueI18n + ESlint
- Pages with dynamic import and custom layouts
- Login, register, email verification and password reset
- Authentication with JWT
- Socialite integration
- Bootstrap 5 + Font Awesome 5
Installation
composer create-project --prefer-dist cretueusebiu/laravel-vue-spa- Edit
.envand set your database connection details - (When installed via git clone or download, run
php artisan key:generateandphp artisan jwt:secret) php artisan migratenpm install
Usage
Development
npm run dev
Production
npm run build
Socialite
This project comes with GitHub as an example for Laravel Socialite.
To enable the provider create a new GitHub application and use https://example.com/api/oauth/github/callback as the Authorization callback URL.
Edit .env and set GITHUB_CLIENT_ID and GITHUB_CLIENT_SECRET with the keys form your GitHub application.
For other providers you may need to set the appropriate keys in config/services.php and redirect url in OAuthController.php.
Email Verification
To enable email verification make sure that your App\User model implements the Illuminate\Contracts\Auth\MustVerifyEmail contract.
Testing
# Run unit and feature tests
vendor/bin/phpunit
# Run Dusk browser tests
php artisan dusk
Changelog
Please see CHANGELOG for more information what has changed recently.
-
vue 嵌入 laravel first configure package.json file { "private": true, "scripts": { "prod": "gulp --production", "dev": "gulp watch" }, "devDependencies": { "boots
-
1. 模板 @section('list') <div id="confirming-list"> </div> <script type="text/vue-template" id="confirming-list-template"> <div :id="id" class="clearfix"> <div class="list-container clearfix">
-
本教程介绍在Laravel中部署vue，在Laravel包含了一些基本脚手架，以便使用Vue库更容易开始编写现代JavaScript 。Vue为使用组件构建强大的JavaScript应用程序提供了富有表现力的API。我们可以使用Laravel Mix轻松地将JavaScript组件编译成一个可以浏览器的JavaScript文件。 创建laravel 首先，你要有一个composer,然后，你便有了
-
真的是一个字：日了X了，搞了一天，尝试了各种办法，都无法解决，诡异的是两个vue项目接同一个Lravel后台，一个跨域，一个正常。最后终于在这大哥的文章里解决了。 传送门https://yunan.blog.csdn.net/article/details/104761517?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.n
-
上一篇我们简单演示了 Laravel 5.5 中 RESTful API 的构建、认证和测试，本教程将在上一篇教程的基础上进行升华。 我们将结合 Laravel 和 Vue 单页面应用（SPA），在它们的基础上引入 jwt-auth 实现 API 认证，由于 Laravel 集成了对 Vue 的支持，所以在 Laravel 中使用 Vue 也是如鱼得水，非常顺畅，整篇教程涉及到的工具包括： Nod
-
本次的配置只使用一个域名的情况下来部署前后端分离的项目，后端采用的技术是laravel，前端采用的技术是vue。前提说明，下文涉及到的代码放置位置，应该根据你实际情况决定。首先，将laravel的代码上传至 /data/web/project/api,然后将vue进行打包，将打包的dist文件上传至/data/web/project/app，最后修改nginx配置文件。上传laravel代码 修改
-
1、引入Vue.js 开始学习使用 Vue.js 之前先要将其引入我们的 Laravel 项目，这里我选择最简单的方式，直接下载对应的开放版本JS文件（http://vuejs.org/js/vue.js），然后将下载的vue.js文件放置到public目录下的js目录中（如果没有js目录则创建之）。 接下来就可以开启Vue.js学习之旅了。 2、Hello World 和任何其他语言/框架学习一
-
上篇介绍了vue,以及在如何 Laravel 快速搭建vue环境。 这篇讲如何在 Laravel 中更深入使用Vue。 预处理 vue还支持使用预处理工具，比如jade, sass等等。假设使用Stylus, Jade，那就npm install 一下呗 npm install stylus jade --save-dev 然后在vue文件中指定，你使用的预处理工具是什么 .hello h1 He
-
Want your logo here? Sponsor me on GitHub Laravel Vue Pagination A Vue.js pagination component for Laravel paginators that works with Bootstrap. Requirements Vue.js 2.x Laravel 5.x Bootstrap 4 Install
-
我正在使用Tymon提供的包来处理从我的laravel后端到spa前端的Auth，我正在创建AuthController，这几乎是我从文档中获取的，只是稍微调整一下它以满足我的需要。从登录到注销以及令牌过期，一切正常。 问题是，我确实看到该控制器上有一个令牌刷新功能，如果我的猜测是正确的，那就是刷新客户端已经拥有的当前令牌。但是怎么做呢？如何处理前端上的刷新令牌？因为它是相当烦人的，每60分钟（默
-
我想更改一个数据属性，并在Laravel中的Vue实例上运行一个方法。然而，由于使用webpack和laravel，我似乎无法访问实例，我希望如何： 所以似乎不是我的Vue类的正确实例。 下面是我正在加载的刀片视图，正如您所看到的，我在main中添加了一个脚本标记，只是试图更改Vue实例数据属性，并运行一个方法。 下面是我（资源/资产/js/app.js）的一部分： 如您所见，我希望通过我在中定义
-
我正试图与拉威尔和vue一起打造一个水疗中心。还安装了用于管理目的的Voyager。旅行者号http://localhost:8000/admin .. 它使用了laravel web路由。 现在无法访问它，我正在使用Vue路由器为我的路由：示例为我的家庭路由（vue）http://localhost:8000/home 应用程序。js 一个pp.vue Home.vue 指数刀身php 网状物p
-
嗨，我正在为BackOffice创建laravel，为前端创建Api。 在前端，我使用vuejs。 如何设置nginx 如果查找路径/管理- 这是我现在用的 这是我的文件夹结构 *****更新***** 这是我的拉威尔。形态 nginx错误。日志显示/etc/nginx/sites enabled/laravel。conf”在/etc/nginx/nginx.conf:62中失败（40：符号链接级
-
我试图使用jQuery懒惰加载在我的Laravel/Vue项目，但我正在努力让图像出现在我的Vue组件。我有以下img块，我认为会工作： 我确实在这里发现了另一个问题-Vue.js模板中的静态图像src-但是当我尝试该方法时，我得到了这样的结果： 因此，我切换回v-bind方法，但我得到的只是一个带有灰色边框的白色框-没有图像。但是，如果我在src属性上使用v-bind，我可以正确地看到图像。 我