vue访问后台laravel的api跨域问题

为什么不能贴图？

如果是单独部署的前端项目，在nginx中重定向接口。。。 如果是前后端一起的，把vue的文件放到public即可

CSRF 保护

419 是 csrf 的问题吧

api路由是没有csrf的 是不是用了其他路由

其中一个错误是说：由于是在跨站上下文中，且“SameSite”值为“Lax”或“Strict”，已拒绝 Cookie “laravel_session”。但是后台的‘same_site’=>'none'设置没有lax、strict

把路由写在routes/api.php下而非routes/web.php下. 因为默认后者会有CSRF保护, 除非在Http/Middleware/VerifyCsrfToken.php中的protected $except = []中添加忽略.

简单粗暴点就是nginx添加

    add_header 'Access-Control-Allow-Methods' 'GET,OPTIONS,PUT,DELETE' always;
    add_header 'Access-Control-Allow-Credentials' 'true' always;
    add_header 'Access-Control-Allow-Origin' '$http_origin' always;
    add_header 'Access-Control-Expose-Headers' 'Access-Token' always;
    add_header 'Access-Control-Allow-Headers' 'Authorization,DNT,User-Agent,Keep-Alive,Content-Type,accept,origin,X-Requested-With, Access-Token,Token,Device,backend,City,apiVersion' always;

这不是跨域，关闭csrf保护

你 laravel 路由定义在 web.php 里面了吧？应该在 api.php 里面

看看你的app/Http/Kernel.php里是不是给api也添加了 VerifyCsrfToken中间件

kernel.php

routeserviceprovide.php

你是用的SPA认证吗，用token了吗？

/app/Http/Kernel.php，api路由中间件里将 \Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful::class 注释掉