vue 嵌入iframe XSRF cookie does not match POST argument

这个问题通常是由浏览器的 SameSite Cookie 策略引起的。同源策略限制了跨域请求，如果你在不同的域名下嵌入了一个 iframe，那么在跨域请求时就需要携带正确的 XSRF Token 或者 Cookie。

解决方法是在后端设置正确的 SameSite 属性，或者在前端请求时手动添加 XSRF Token 或者 Cookie。你可以在请求头中添加 X-XSRF-Token 参数，或者使用 withCredentials 属性将 Cookie 发送到后端。

具体的实现可以参考以下链接：

- https://stackoverflow.com/questions/45638849/vue-js-iframe-and-cookies
- https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Headers/Set-Cookie/SameSite
- https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies#samesite_attribute

相关问题

vue 嵌入iframe XSRF cookie does not match POST argument怎么解决

出现XSRF cookie does not match POST argument的错误，通常是由于跨域请求时由于浏览器的安全策略导致Cookie信息丢失或者不一致。如果你在Vue中嵌入了一个iframe，且iframe请求的是另一个域名下的接口，那么就有可能出现这个错误。

要解决这个问题，可以尝试以下几个方法：

1. 设置Access-Control-Allow-Credentials响应头

在iframe请求的接口返回的响应头中，设置Access-Control-Allow-Credentials为true，允许跨域请求携带Cookie信息。例如，在Node.js中可以使用以下代码来设置：

res.setHeader('Access-Control-Allow-Credentials', 'true');

2. 设置Access-Control-Allow-Origin响应头

在iframe请求的接口返回的响应头中，设置Access-Control-Allow-Origin为当前页面的域名，以允许跨域请求。例如，在Node.js中可以使用以下代码来设置：

res.setHeader('Access-Control-Allow-Origin', 'http://yourdomain.com');

3. 设置axios请求的withCredentials为true

在Vue中发送请求时，使用axios库，并设置withCredentials为true，以允许跨域请求携带Cookie信息。例如：

axios.post('http://otherdomain.com/api', { data: 'data' }, { withCredentials: true })

通过以上方法的设置，应该能够解决XSRF cookie does not match POST argument的问题。但需要注意的是，跨域请求时携带Cookie信息会增加安全风险，因此需要谨慎使用。