2025年跨域请求头（跨域请求的解决方案）

科技前沿 • 2025-05-24 09:27 • 阅读 54

大家好，我是讯享网，很高兴认识大家。

 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path> </svg>

讯享网

浏览器的同源政策

处于安全性的考虑他只允许对应的俩者是同源的内容进行交互和访问

不同源的内容不允许访问

跨域问题（同源政策的影响）

访问协议不同 http https

域名不同百度搜狐

端口号不同 5500 120

cors 跨域

解决方法

1.添加请求头后端添加请求头 access-control-allow-origin:* 跨域的地址

2.前端也可以添加请求头 setRequestHeader

3.jsonp形式利用 link script ifarme 这些标签不受跨域的影响利用script标签（只能解决get请求跨域）

利用了script标签链接对应的地址然后让这个链接的地址给我们执行访问

script 标签不遵从跨域所以我们可以内部访问 js添加我们对应的方法执行我们对应的传入的方法

1.创建方法回调方法

讯享网

2.将方法添加到window里面

3.将方法名和对应方法传入

讯享网

jsonp封装方法

jsonp的promise封装

promise里的success代替callback

success传递响应数据给then来实现功能

讯享网

捕获异常

async和await

async 是用于修饰函数返回值是一个promise对象 async替代了promise

await是async里面一个修饰符当他修饰一个promise对象的时候他会获取程序的控制权直到完成或失败结束

await替代了promise中的.then

await关键字只在async函数内有效

讯享网