Skip to main content
本文から 4 文字削除
ソース リンク
cubick
  • 2.1万
  • 5
  • 27
  • 64

apacheサーバーを立てて、そこにlaravelとlaravel内のresourcesにビルドしたvueを配置しております。
webにアクセスしてapiが叩かれるを呼び出すと「CSRF token mismatch」とエラーが出ます。

調べたこと、現状

  • ローカル環境では問題なく動く、apache上(192.168.179.5:8000)に置くと動かない
  • sunctumの「sanctum/csrf-cookie」でレスポンスのset-cookieが効いていない。
    (x-csrf-tokenは返ってきているが、ブラウザでブロック?されセットできていない。)
  • 上記のことから、cors関連の設定に不備があると思い、「cors.php」「.env」「Kernel.php」を色々編集してみている

■調べたこと、現状
・ローカル環境では問題なく動く、apache上(192.168.179.5:8000)に置くと動かない
・sunctumの「sanctum/csrf-cookie」でレスポンスエラー解消set-cookieが効いていないため何かアドバイスを頂けると幸いです
(x-csrf-tokenは返ってきているが、ブラウザでブロック?されセットできてよろしくお願いない。)
・上記のことから、cors関連の設定に不備があると思い、「cors.php」「.env」「Kernel.php」を色々編集してみているたします。

 

●envenv (抜粋)

●corscors.php

'paths' => ['api/*', 'sanctum/csrf-cookie'],
 
    'allowed_methods' => ['*'],
 
    'allowed_origins' => ['*'],
 
    'allowed_origins_patterns' => [],
 
    'allowed_headers' => ['*'],
 
    'exposed_headers' => [],
 
    'max_age' => 0,
 
    'supports_credentials' => false,

●kernelkernel.php

 protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Illuminate\Http\Middleware\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Session\Middleware\StartSession::class,

        ],
    ];
 

エラー解消のため何かアドバイスを頂けると幸いです。
よろしくお願いいたします。

apacheサーバーを立てて、そこにlaravelとlaravel内のresourcesにビルドしたvueを配置しております。
webにアクセスしてapiが叩かれると「CSRF token mismatch」とエラーが出ます。

■調べたこと、現状
・ローカル環境では問題なく動く、apache上(192.168.179.5:8000)に置くと動かない
・sunctumの「sanctum/csrf-cookie」でレスポンスset-cookieが効いていない
(x-csrf-tokenは返ってきているが、ブラウザでブロック?されセットできてない。)
・上記のことから、cors関連の設定に不備があると思い、「cors.php」「.env」「Kernel.php」を色々編集してみている

●env(抜粋)

●cors.php

'paths' => ['api/*', 'sanctum/csrf-cookie'],
 
    'allowed_methods' => ['*'],
 
    'allowed_origins' => ['*'],
 
    'allowed_origins_patterns' => [],
 
    'allowed_headers' => ['*'],
 
    'exposed_headers' => [],
 
    'max_age' => 0,
 
    'supports_credentials' => false,

●kernel.php

 protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Illuminate\Http\Middleware\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Session\Middleware\StartSession::class,

        ],
    ];
 

エラー解消のため何かアドバイスを頂けると幸いです。
よろしくお願いいたします。

apacheサーバーを立てて、そこにlaravelとlaravel内のresourcesにビルドしたvueを配置しております。
webにアクセスしてapiを呼び出すと「CSRF token mismatch」とエラーが出ます。

調べたこと、現状

  • ローカル環境では問題なく動く、apache上(192.168.179.5:8000)に置くと動かない
  • sunctumの「sanctum/csrf-cookie」でレスポンスのset-cookieが効いていない。
    (x-csrf-tokenは返ってきているが、ブラウザでブロック?されセットできていない。)
  • 上記のことから、cors関連の設定に不備があると思い、「cors.php」「.env」「Kernel.php」を色々編集してみている

エラー解消ため何かアドバイスを頂けると幸いです
よろしくお願いたします。

 

env (抜粋)

cors.php

'paths' => ['api/*', 'sanctum/csrf-cookie'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,

kernel.php

 protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Illuminate\Http\Middleware\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Session\Middleware\StartSession::class,

        ],
    ];
ソース リンク

apache上のlaravel sunctumで「CSRF token mismatch」になる

Vueとlaravelの組み合わせで開発をしております。
認証ライブラリとして、laravelのsunctumを使用しています。

apacheサーバーを立てて、そこにlaravelとlaravel内のresourcesにビルドしたvueを配置しております。
webにアクセスしてのapiが叩かれると「CSRF token mismatch」とエラーが出ます。

■調べたこと、現状
・ローカル環境では問題なく動く、apache上(192.168.179.5:8000)に置くと動かない
・sunctumの「sanctum/csrf-cookie」でレスポンスのset-cookieが効いていない。
(x-csrf-tokenは返ってきているが、ブラウザでブロック?されセットできていない。)
・上記のことから、cors関連の設定に不備があると思い、「cors.php」「.env」「Kernel.php」を色々編集してみている

●env(抜粋)

APP_URL=http://192.168.179.5
SESSION_DOMAIN=http://192.168.179.5:8000
SANCTUM_STATEFUL_DOMAINS=http://192.168.179.5:8000

●cors.php

'paths' => ['api/*', 'sanctum/csrf-cookie'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [],

    'max_age' => 0,

    'supports_credentials' => false,

●kernel.php

 protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Illuminate\Http\Middleware\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array<string, array<int, class-string|string>>
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class,
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
           \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Session\Middleware\StartSession::class,

        ],
    ];

エラー解消のため何かアドバイスを頂けると幸いです。
よろしくお願いいたします。