美文网首页
关于跨域

关于跨域

作者: 很好就这样吧 | 来源:发表于2022-04-25 17:27 被阅读0次

后端设置了允许跨域,但是又出现无法携带cookie的问题,下面这篇文章给了思路

原因:
默认情况下,跨源请求不提供凭据(cookie、HTTP认证及客户端SSL证明等)
如果发送的是带凭据的请求,但服务器的相应中没有相关的头部,那么浏览器就不会把相应内容交给JavaScript,请求就无法得到结果的数据(浏览器得到了,但是我们请求的方法得不到,因为被浏览器拦截了)

解决办法:
后端

// 响应头表示是否可以将对请求的响应暴露给页面
Access-Control-Allow-Credentials: true
// 允许跨域操作的具体域名------------------------------------指定的特定的
Access-Control-Allow-Origin: "http://localhost:8080"
// 允许跨域操作的具体域名------------------------------------非特定域名------使用origin  切记不能用*
Access-Control-Allow-Origin: origin
// 允许跨域的HTTP方法-----这些方法根据你们使用情况增减
Access-Control-Allow-Methods: ["GET","POST","DELETE"]
// 列出将会在正式请求的 Access-Control-Expose-Headers 字段中出现的首部信息-----------根据接口需要的数据类型进行设置
Access-Control-Allow-Headers: ["Content-Type", "Authorization", "Accept"]

前端

表示跨域请求时是否需要使用凭证
axios.defaults.withCredentials = true

参考
解决跨域请求无法携带Cookie的问题

相关文章

  • JavaScript - GET/POST及跨域方法

    xhr 原生方法请求 window fetch 方法 关于跨域 利用JSONP实现跨域调用 使用 CORS(跨域资...

  • window.URL 与 跨域

    跨域 关于跨域问题,简单来说就是通过地址访问资源时,所用的协议不同导致无法访问目标。 网上已经有很多关于跨域的主流...

  • 跨域

    关于跨域大概可以分为 iframe 的跨域和纯粹的跨全域请求。 3种跨全域方法: 1、JSONP 全称:JSON ...

  • 跨域的解决方式与演示

    关于跨域大概可以分为 iframe 的跨域和纯粹的跨全域请求。 3种跨全域方法: 1、JSONP 全称:JSON ...

  • 无标题文章

    关于axios跨域的问题

  • 跨域请求CORS

    前沿: 最近总听到同事聊跨域得问题,于是自己抽空仔细的查阅了一下关于跨域的知识。说到跨域,就得提到同源,跨域是指一...

  • vue 跨域的配置

    关于跨域的配置真是累呀 在网上找了资料 才成功实现跨域了 其实主要在vue.config.js 来配置跨域

  • 跨域与常用方案

    本文源自一次内部关于跨域的讨论分享的总结 理解跨域的重点在于:了解跨域产生的场景、原理 跨域问题只在浏览器客户端环...

  • 前端踩过的坑

    关于前端 跨域问题 大概问题 1,前端无须处理,需要在后台配置 niginx的配置 处理跨域的域名 关于布局上 ...

  • Spring Boot跨域

    前后端分离时候势必会遇到Ajax跨域请求。 1. 关于跨域 参考跨域资源共享 CORS 详解 CORS是一个W3C...

网友评论

      本文标题:关于跨域

      本文链接:https://www.haomeiwen.com/subject/watqyrtx.html