ホーム > カテゴリ > PHP・Laravel >

Laravel + Vue.jsで作るSPAのブログシステム (学習用)

LaravelでVue.jsとAxiosを使用したSPA(シングルページアプリケーション)の「ブログ」のサンプルプロジェクトです。オープンソースでライセンスは「The Unlicense」(著作権放棄に非常に近いライセンス)ですので、ご自由にお使い頂けます。

1. デモ

https://www.petitmonte.com/dev/mpp_blog_la/

2. ソースコード

https://github.com/TakeshiOkamoto/mpp_blog_la

3. インストール方法

// (1)プロジェクトの生成
composer create-project --prefer-dist laravel/laravel プロジェクト名  "6.*"

// (2)laravel/uiのインストール
cd プロジェクト名 
composer require laravel/ui:^1.0 --dev

// (3)vue.jsのインストール
php artisan ui vue

// (4)ここでGitHubにあるファイルを全てプロジェクトに上書きする

// (5)各パッケージのインストール
npm install

// (6).envでデータベースの設定を行う

// (7)タイムゾーン/言語の設定
config\app.php
'timezone' => 'Asia/Tokyo',
'locale' => 'ja',

// (8)ファイルストレージの設定
config\filesystems.php
の[disks][local]のrootを次のように変更する

'disks' => [

  'local' => [
      'driver' => 'local',
      
      // 元のコード
      //'root' => storage_path('app'),             

      // 次のように変更する
      'root' => base_path('public/uploads'),     

  ],
  
// (9)不要なマイグレーションファイルを手動で削除する
database\migrations\
2014_10_12_000000_create_users_table.php
2014_10_12_100000_create_password_resets_table.php
2019_08_19_000000_create_failed_jobs_table.php

// (10)マイグレーション
php artisan migrate

// (11)開発用ビルド
npm run dev
※エラーが出た場合はpackage-lock.jsonを削除してnpm installを再度、実行して下さい。

// (12)実行する
php artisan serve

以上となります。





関連記事


前の記事：Laravel + React + AxiosでCRUDのサンプルプロジェクト (学習用)

公開日：2020年12月30日
記事NO：02874