32
4
I'm trying to make a login page using nuxt.js as Front-end and Laravel for the API.
我正在尝试使用nuxt.js作为前端，使用Laravel作为API的登录页面。
Unfortunately, after I take the csrf token from sanctum-cookie, I can't use it because of "CSRF token mismatch." I don't know what to do from here.
不幸的是，在我从SASTOM-COOKIE中获取CSRF令牌后，我不能使用它，因为“CSRF令牌不匹配”。我不知道从现在起该怎么办。
Laravel info:
拉威尔信息：
个人中心
文章发布
退出APP_URL=http://localhost:8080
FRONTEND_URL=http://localhost:3000
SANCTUM_STATEFUL_DOMAINS=http://localhost:8000,localhost:3000,localhost:8000,http://localhost:3000
8080 is the port for LAravel and 3000 is nuxt.
8080是LAravel的港口，3000是nuxt。
Those are the calls to the api and the login is returning an error about CSRF and I have no idea why.
这些是对API的调用，登录返回了一个关于CSRF的错误，我不知道为什么。
// calls from nuxt
async function validate() {
await axios.get('http://localhost:8080/sanctum/csrf-cookie', {
withCredentials: true
});
const token = useCookie('XSRF-TOKEN');
await axios.post('http://localhost:8080/login', {
'email': '[email protected]',
'password': '1234567890'
}, {
headers: {
'X-XSRF-TOKEN': token.value as string
}
})
}
cors.php config
Cors.php配置
'paths' => ['api/*', 'sanctum/csrf-cookie'],
'allowed_methods' => ['*'],
'allowed_origins' => [env('FRONTEND_URL', 'http://localhost:3000')],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => true,
After 3 days ... all i need to do was to add withCredentials: true for the login axios...
三天后...我所需要做的就是为登录AXIOS添加WITH Credentials：True...
Awesome! <3
太棒了！<3
set sanctumn.php :
设置staumn.php：
'stateful' => explode(',', env('SANCTUM_STATEFUL_DOMAINS', sprintf(
'%s%s',
'localhost,localhost:3000,127.0.0.1,127.0.0.1:8080,::1',
Sanctum::currentApplicationUrlWithPort()
))),
then set env variable in .env file as given below:
然后在.env文件中设置env变量，如下所示：
FRONTEND_URL=http://localhost:3000
ROOT_URL=//127.0.0.1:8080
APP_URL=http://localhost
SESSION_DRIVER=cookie
SESSION_DOMAIN=.localhost
then run these commands in laravel project:
然后在laravel项目中运行以下命令：
php artisan config:clear && php artisan cache:clear && php artisan optimize && php artisan serve
then in your nuxt login.vue:
然后在您的nuxt登录.vue中：
async function validate() {
await useFetch("http://localhost:8080/sanctum/csrf-cookie", {
credentials: "include",
});
const token = useCookie('XSRF-TOKEN');
await useFetch("http://localhost:8080/api/login", {
credentials: "include",
method: "POST",
body: {
'email': 'email',
'password': 'password'
},
headers: {
'X-XSRF-TOKEN': token.value as string,
},
watch: false
})
// remaining codes...
}
0
假设我的 Web 应用程序使用 CSRF token 防止 CSRF 攻击，此外，它使用 SSL 并防止 XSS 攻击。此外，出于这个问题的目的，假设它仅在最近的浏览器中使用并且它们没有错误。我可以使
很多人都在谈论实现 CSRF 来阻止对网页的跨站点攻击。但我认为破坏 CSRF 并向服务器发出请求非常容易。 那么它是如何工作的呢？ 您从一个页面开始，呈现一个表单并使用 CSRF token 保留一
在阅读了许多有关 CSRF 的文档后，我仍然有点困惑。所以我希望有人可以向我解释一下: 假设我有一个仅供经过身份验证的用户使用的个人资料页面，比如说 abc.com/profile，它会显示我所有的私
我们基于 Angular 的 web 应用程序与在不同域和上下文路径上运行的企业门户集成。我正在使用基于 Spring Security 的 CSRF token 来验证传入的请求。该应用程序在本地完
我正在开发一个 Web API。身份验证是通过 cookie 进行的。所有端点通过JSON接收参数在请求正文中。 我需要实现 CSRF token保护他们？这怎么可能被利用呢？是否可以通过正常发送JS
我正在开发一个从 cookie header 解析 CSRF token 的应用程序。我想知道 CSRF token 是否使用 URL 安全字符进行 base64 编码(参见 https://simp
我知道当提交时表单中未包含 csrf token 时会发生此错误，但这次并非如此。 我正在尝试登录管理站点。管理员登录表单包含 csrf token ，我可以看到该 csrf token 的值与 cs
有没有办法对 Controller 的某些操作禁用 CSRF 验证，同时对其他操作保持启用状态？ 就我而言，我有几个可配置的 Action 类，它们旨在注入(inject)到 Controller 中
我正在编写一个应用程序(Django，确实如此)，我只想了解“CSRF token ”实际上是什么以及它如何保护数据。 如果不使用CSRF token ，发布数据不安全吗？ 最佳答案 简单来说跨站请求
来自维基百科关于同源政策 https://en.wikipedia.org/wiki/Same-origin_policy The same-origin policy helps protect s
我在 Vue 环境中使用 axios 与用 Symfony 编写的网络服务对话。每个请求都需要设置一个 X-Auth-Token header 。该值存储在 auth_token cookie 中。
我想保护我的 REST 调用免受 XSRF 攻击。我正在做的是: 服务器在用户成功登录后向浏览器发送一个记录的 cookie。 在每个请求(GET、POST、DELETE)上，我将登录的 cookie
我知道这个问题以前有人问过。我已经尝试了人们给出的几乎所有选项，但我似乎无法解决它。我是一个完整的新手，所以请让我知道我哪里出错了。 我正在尝试编写一个简单的原始表单。到目前为止，我还没有实现任何身份
似乎 Laravel 5 默认将 CSRF 过滤器应用于所有非获取请求。这对于表单 POST 是可以的，但对于 POST DELETE 等的 API 可能是一个问题。 简单的问题: 如何设置没有 CS
当我从客户端向服务器发出 DELETE 请求时，我遇到了错误。 “CSRF token 已关联到此客户端”。响应代码:403 和响应头 { "cache-control": "no-cache,
to prevent CSRF attacks, a random CSRF secret has been generated. 以上内容来自 symfony: http://www.symfony
我正在使用 Django Rest Framework还有 django-rest-auth . 我有标准的 API 端点(/login、/logout、/registration...) 使用我的浏
这个问题在这里已经有了答案: OAuth2.0 Server stack how to use state to prevent CSRF? for draft2.0 v20 (3 个回答) 4年前关
我需要知道如何在 Impresspages cms 中禁用 CSRF 功能。我在之前的帖子中看到了一个可能的答案，但没有完全分类。当我的客户在 cleanwaterpartnership.co.uk
我正在使用 Django 1.7 和 django-rest-framework。 我制作了一个 API，它返回一些 JSON 数据并将其放入我的 settings.py REST_FRAMEWORK
我是一名优秀的程序员,十分优秀！