跨域 + 四种解决办法

news/2024/12/2 20:50:40/

目录

同源策略

 解决方案

1、jsonp

2、前端代理

3、后端解决

4、Nginx代理


同源策略

说到跨域就不得不提到同源策略,什么是同源策略?

请求的时候拥有相同的  协议 域名 端口 只要有一个不同就属于跨域

 解决方案

解决跨域问题一共有四种方式,jsonp、前端代理、后端设置请求头、nginx

1、jsonp

原理:通过script的src不受同源策略的限制,可以跨域请求数据。

缺点:但是只能发送get请求不安全;

后端返回的是一个函数,但是这个函数是在前端定义的,他会把值注入到这个函数的参数里面

2、前端代理

是通过纯前端的方式解决跨域

注意:这种方式只对开发环境有效,如果是上线使用还需要通过nginx去改相对应的配置 。

3、后端解决

只需要在后端开启允许跨域,通过setHeader开启'Access-Control-Allow-Origin'

意思就是允许前端的任何请求去访问这个接口

缺点:不安全任何人都可以去调用你的接口,为了安全可以指定ip只有指定ip才可以访问。

4、Nginx代理

也是最推荐的一种方式

修改Nginx的配置文件解决跨域,通过修改配置文件将请求转发到某个代理路径。


http://www.ppmy.cn/news/100350.html

相关文章

HashMap 1.8全流程分析,详解put、resize、遍历等相关函数。以及其内部的二进制原理

简介 从常用属性->构造方法->添加->扩容->查询->删除->遍历的顺序进行HashMap源码阅读,涉及到一些二进制的用法以及意义也会进行说明。 HashMap源码解析 简介 HashMap采用了hash 表的数据结构进行实现,在key未存在hash冲突的情况下&…

c#快速入门(2)

欢迎来到Cefler的博客😁 🕌博客主页:那个传说中的man的主页 🏠个人专栏:题目解析 🌎推荐文章:题目大解析2 目录 👉🏻类、对象、类成员简介👉🏻语句…

浅尝RTSP

RTSP (real time streaming protocol) RTC2326 RTSP 实时流传输协议,是TCP/IP 协议体系中的一个应用层协议,由哥伦比亚大学, 网景和realnetworks公司提交的IETF RTC 标准,该协议定义了一对多应用程序如何有效地通过IP网络传送多媒体数据。 RTSP在体系结构上位于 rtp…

linux互斥锁(pthread_mutex)知识点总结

对于多线程程序来说,我们往往需要对这些多线程进行同步。同步(synchronization)是指在一定的时间内只允许某一个线程访问某个资源。而在此时间内,不允许其它的线程访问该资源。我们可以通过互斥锁(mutex)&a…

二分搜索树层序遍历

二分搜索树的层序遍历,即逐层进行遍历,即将每层的节点存在队列当中,然后进行出队(取出节点)和入队(存入下一层的节点)的操作,以此达到遍历的目的。 通过引入一个队列来支撑层序遍历…

c++—文件编程

1. c对文件的操作是由文件流类完成的,文件流类在流类与文件间建立连接; 2. 文件流类型 ①文件输入流:ifstream ②文件输出流:ofstream ③文件输入/输出流:fstream 3. 语法 ①定义文件流类的对象 ifstream ifile; …

张小飞的Java之路——第四十一章——File

写在前面: 视频是什么东西,有看文档精彩吗? 视频是什么东西,有看文档速度快吗? 视频是什么东西,有看文档效率高吗? 介绍 诸小亮:从今天开始,我们学习 IO 流 张小飞…

三门问题的实验验证:贝叶斯概率公式实战

引言 数理统计与概率论经常出现在我们的日常生活中,如果能灵活掌握,可以起到很大的帮助。下面通过几个经典问题的探讨,浅入深出,更加深刻的理解贝叶斯全概率公式和贝叶斯公式的作用。 我的最深的体会就是,当某些已发生…