当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

laravel-nuxt

A Laravel-Nuxt starter kit.

授权协议 MIT License

开发语言 PHP

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者程博学

操作系统跨平台

开源组织无

适用人群未知

软件概览

Laravel-Nuxt

A Laravel-Nuxt starter project template.

Features

Nuxt 2
Laravel 8
SPA or SSR
Socialite integration
VueI18n + ESlint + Bootstrap 4 + Font Awesome 5
Login, register, email verification and password reset

Installation

composer create-project --prefer-dist cretueusebiu/laravel-nuxt
Edit .env and set your database connection details
(When installed via git clone or download, run php artisan key:generate and php artisan jwt:secret)
php artisan migrate
npm install

Usage

Development

# start Laravel
php artisan serve

# start Nuxt
npm run dev

Access your application at http://localhost:3000.

Production

npm run build

Enable SSR

Edit client/nuxt.config.js and set ssr: true
Edit .env to set APP_URL=http://api.example.com and CLIENT_URL=http://example.com
Run npm run build and npm run start

Nginx Proxy

For Nginx you can add a proxy using the follwing location block:

server {
    location / {
        proxy_pass http://http://127.0.0.1:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
    }
}

Process Manager

In production you need a process manager to keep the Node server alive forever:

# install pm2 process manager
npm install -g pm2

# startup script
pm2 startup

# start process
pm2 start npm --name "laravel-nuxt" -- run start

# save process list
pm2 save

# list all processes
pm2 l

After each deploy you'll need to restart the process:

pm2 restart laravel-nuxt

Make sure to read the Nuxt docs.

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.

Notes

This project uses router-module, so you have to add the routes manually in client/router.js.
If you want to separate this in two projects (client and server api), move package.json into client/ and remove config path option from the scripts section. Also make sure to add the env variables in client/.env.

Changelog

Please see CHANGELOG for more information what has changed recently.

使用案例

laravel框架跨域问题的解决

写好了api，手机端来调用的时候，可以操作数据库，但是接收不到后端的返回值。出现了这样的情况，如果代码没有错误，那就应该是跨域的问题了。写个中间件AllowAcross.php： <?php namespace App\Http\Middleware; use Closure; class AllowAcross { /** * Handle an incoming re
Laravel 解决跨域问题

在进行后台登录时我们遇到了跨域问题。对于这个问题不是很懂，在网上查找了一段时间，都是使用的中间件，然后进行全局设置。建立中间件： <?php namespace App\Http\Middleware; use Closure; class EnableCrossRequestMiddleware { /** * Handle an incoming request.
使用laravel框架开发接口时ajax post请求报错419

nginx服务器，使用laravel框架开发后台接口。get请求正常，但是post请求一直报错。H5和APP都不成功，code=419。解决办法：找到 VerifyCsrfToken.php文件（app/http/middleware）添加如下方法 public function handle($request, \Closure $next) { // 使用CSRF //return par
Laravel 5.4 Mix 执行 npm run dev 时报错，提示 cross-env 找不到（not found）的原因及解决办法

本文来自 pilishen.com----原文链接《 Npm Debug Series 》是我们课程laravel 实战实战系列课程的扩展阅读篇，虽然视频中我们已经将 npm install 过程中的常见问题及解决方案都说了，但是鉴于 npm 的问题相对频繁，有随时查阅之需，故有此系列文章。最近很多小伙伴在使用最新的 laravel5.4 来学习我们的laravel 实战优雅入门：任务管理系统
Laravel微信Native支付、微信jsapi支付

** 之前一直使用thinkphp做开发，偶然的一次机会运用了laravel框架并且做了一个微信扫码支付功能，发现laravel扩展功能大大超过了tp，接下来分享一下laravel的EasyWeChat扩展 ** 1、首先下载EasyWeChat扩展 composer require "overtrue/laravel-wechat:^5.1" 2、注册 ServiceProvider 和 Fa
Laravel从入门到实践

Laravel从入门到实践版本 Laravel版本: 8.75.0 安装与配置使用Docker 安装项目: curl -s “https://laravel.build/betterlife” | bash 启动项目: cd betterlife && ./vendor/bin/sail up 使用Composer 安装项目: composer create-project laravel/l
PHPstudy配置laravel9伪静态

PHPstudy配置laravel9伪静态 location / { try_files $uri $uri/ /index.php?$query_string; }
nuxt服务端渲染技术

第5章网站前台-活动与招聘学习目标：掌握NUXT框架的基本使用方法完成十次方网站前台的搭建完成十次方网站前台活动模块的功能完成十次方网站前台招聘模块的功能 1 服务端渲染技术NUXT 1.1 什么是服务端渲染服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容，而不是在客户端通过AJAX获取数据。与传统 SPA（Single-Page Ap