【後編】絶対に失敗しないDockerでLaravel + Vue.jsの開発環境（LEMP環境）を構築する方法〜MacOS Intel Chip対応〜

docker-laravel-vue
├─ docker
│    ├─ php
│    │   └─ Dockerfile
│    ├─ nginx
│    │    └─ Dockerfile
│    └─ mysql
│         └─ Dockerfile
│─ .env
│─ .gitignore   
└─ docker-compose.yml

docker-laravel-vue
├─ docker
│    ├─ php
│    │   └─ Dockerfile
│    │   └─ php.ini ← コレ作成
│    ├─ nginx
│    │    └─ Dockerfile
│    └─ mysql
│         └─ Dockerfile
│─ .env
│─ .gitignore   
└─ docker-compose.yml

[Date]
date.timezone = "Asia/Tokyo"
[mbstring]
mbstring.internal_encoding = "UTF-8"
mbstring.language = "Japanese"

docker-laravel-vue
├─ docker
│    ├─ php
│    │   └─ Dockerfile
│    │   └─ php.ini
│    ├─ nginx
│    │    └─ Dockerfile
│    │    └─ default.conf ← コレ作成
│    └─ mysql
│         └─ Dockerfile
│─ .env
│─ .gitignore   
└─ docker-compose.yml

server {
    listen 80;
    
    root /var/www/html/public;

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    add_header X-Frame-Options "SAMEORIGIN";
    add_header X-XSS-Protection "1; mode=block";
    add_header X-Content-Type-Options "nosniff";

    index index.php index.html index.htm;

    charset utf-8;

    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_pass app:9000;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $realpath_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}

docker-laravel-vue
├─ docker
│    ├─ php
│    │   └─ Dockerfile
│    │   └─ php.ini
│    ├─ nginx
│    │    └─ Dockerfile
│    │    └─ default.conf
│    └─ mysql
│         └─ Dockerfile
│         └─ my.cnf ← コレ作成
│─ .env
│─ .gitignore   
└─ docker-compose.yml

[mysqld]
user=mysql
character_set_server = utf8mb4
collation_server = utf8mb4_0900_ai_ci

# timezone
default-time-zone = SYSTEM
log_timestamps = SYSTEM

# Error Log
log-error = mysql-error.log

# Slow Query Log
slow_query_log = 1
slow_query_log_file = mysql-slow.log
long_query_time = 1.0
log_queries_not_using_indexes = 0

# General Log
general_log = 1
general_log_file = mysql-general.log

[mysql]
default-character-set = utf8mb4

[client]
default-character-set = utf8mb4

docker-laravel-vue
├─ docker
│    ├─ php
│    │   └─ Dockerfile
│    │   └─ php.ini
│    ├─ nginx
│    │    └─ Dockerfile
│    │    └─ default.conf
│    └─ mysql
│         └─ Dockerfile
│         └─ my.cnf 
├─ src ← コレ作成
│─ .env
│─ .gitignore   
└─ docker-compose.yml

    volumes:
      - ./src/:/var/www/html

$ docker compose build

$ docker compose up -d

[+] Running 3/3
 ⠿ Container docker-laravel-vue_db_1   Started                                                                                                                               6.4s
 ⠿ Container docker-laravel-vue_app_1  Started                                                                                                                               5.0s
 ⠿ Container docker-laravel-vue_web_1  Started

$ docker compose exec app bash

root@81d2cea8efe2:/var/www/html#

root@0e8d8ab6688f:/var/www/html# composer -V
Composer version 2.0.13 2021-04-27 13:11:08

composer create-project --prefer-dist "laravel/laravel=6.*" .

Package manifest generated successfully.
67 packages you are using are looking for funding.
Use the `composer fund` command to find out more!
> @php artisan key:generate --ansi
Application key set successfully.

$ ls
README.md	artisan		composer.json	config		package.json	public		routes		storage		vendor
app		bootstrap	composer.lock	database	phpunit.xml	resources	server.php	tests		webpack.mix.js

root@0e8d8ab6688f:/var/www/html# ls
README.md  bootstrap	  config	phpunit.xml  routes	 tests
app	   composer.json  database	public	     server.php  vendor
artisan    composer.lock  package.json	resources    storage	 webpack.mix.js

root@0e8d8ab6688f:/var/www/html# npm -v
6.14.6

npm install -D vue

npm notice created a lockfile as package-lock.json. You should commit this file.
+ vue@2.6.12
added 1 package from 1 contributor and audited 1 package in 2.876s
found 0 vulnerabilities

npm install -D vue-template-compiler

+ vue-template-compiler@2.6.12
added 3 packages from 2 contributors and audited 4 packages in 1.553s
found 0 vulnerabilities

        "vue": "^2.6.12",
        "vue-template-compiler": "^2.6.12"