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
以上となります。
スポンサーリンク
関連記事
公開日：2020年12月30日
記事NO：02874
