fetch跨域 strict-origin-when-cross-origin

"fetch" 是浏览器原生支持的 API，用于发送 HTTP 请求并获取响应。当涉及到跨域请求时，浏览器出于安全考虑会默认实施同源策略（Same-Origin Policy），不允许来自非同源服务器的数据直接访问。`strict-origin-when-cross-origin` 是 CORS（Cross-Origin Resource Sharing，跨源资源共享）策略的一种。

这个策略告诉浏览器，只有当发起的请求属于 CORS 跨域请求时（即不同源的请求），才会检查响应头中的 `Access-Control-Allow-Origin` 字段，如果该字段的值包含 "strict-origin" 或者当前源地址，则允许访问。这比默认的 "no-cors" 更宽松一些，因为它允许服务端设置特定的来源来接受跨域请求，而不是完全拒绝。

相关问题

vant strict-origin-when-cross-origin

`vue strict-origin-when-cross-origin` 是 Vue.js 中一个关于跨域请求的安全策略。使用 XMLHttpRequest 或 Fetch API 发起跨域请求时，默认情况下会将请求的 `referrer` 头部设置为 `strict-origin-when-cross-origin`。

这个安全策略的含义是，当请求在跨域时，只有在相同源（即协议、域名、端口都相同）的情况下才会发送完整的 `referrer` 头部信息给目标服务器。而在其他情况下，例如从一个不同源的网站发起请求，`referrer` 头部将被截断为只包含协议和域名信息。

这个策略主要是为了保护用户的隐私和安全，防止敏感信息泄露给跨域的第三方网站。在 Vue.js 应用中，如果需要在跨域请求中发送完整的 `referrer` 头部信息，可以通过设置请求选项或服务器端进行相应的配置来实现。

strict-origin-when-cross-origin lamp

strict-origin-when-cross-origin是一种安全策略，用于保护Web应用程序免受跨站点请求伪造（CSRF）攻击。它是一种CORS（跨源资源共享）策略，用于限制在跨域请求中发送的信息。

当一个网页上的脚本尝试通过XMLHttpRequest或Fetch API发送跨域请求时，浏览器会根据CORS策略来判断是否允许该请求。如果使用了strict-origin-when-cross-origin策略，浏览器会在同源请求（即请求与当前页面具有相同的协议、域名和端口）中发送完整的请求头信息，但在跨域请求中只发送基本的安全请求头信息。

这种策略的目的是防止敏感信息泄露给第三方网站，同时确保在同源请求中可以正常传递必要的信息。通过限制跨域请求的信息，可以减少潜在的安全风险。