web开发跨域原因的多种解决方案

 更新时间:2021年09月24日 11:16:40   作者:SpringSir  
我们在web项目开发中,经常会遇到各种跨域的问题,本文带你解决web开发中多种跨域原因的解决,有需要的朋友可以借鉴参考下,希望能够有所帮助

跨域原因

是由于浏览器的同源策略限制;

跨域指: 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域

JSONP

这种方式并不适用于开发, 可以说是被完全淘汰, 但是由于实现复杂, 面试官对于这种方案的深究非常追崇.

核心思想: 网页通过添加一个<script>标签的src属性,向服务器请求 JSON 数据,服务器收到请求后,将数据放在一个指定名字的回调函数的参数位置传回来。

缺点: 需要后端配合才能完成只能发送get请求

实现: 注意后端返回的是一个方法的调用和实参

在这里插入图片描述

Nginx解决

在这里插入图片描述

后端解决

在Controller层加注解:

 @CrossOrigin(origins = "*", allowedHeaders = "*")

origins: 允许来源域名的列表

allowedHeaders: 跨域请求中允许的请求头中的字段类型

以上就是web开发跨域原因的多种解决方案的详细内容,更多关于web开发跨域解决的资料请关注脚本之家其它相关文章!

相关文章

  • 非阻塞动态加载javascript广告实现代码

    非阻塞动态加载javascript广告实现代码

    非阻塞动态加载javascript广告,需要的朋友可以参考下。
    2010-11-11
  • 手把手教你如何排查Javascript内存泄漏

    手把手教你如何排查Javascript内存泄漏

    本文将通过一些常见的FAQ来带大家一起学习一下怎么用工具定位javascript里的内存问题,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一下
    2022-06-06
  • 微信小程序从注册账号到上架(图文详解)

    微信小程序从注册账号到上架(图文详解)

    这篇文章主要介绍了微信小程序从注册账号到上架详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07
  • javascript实现倒计时小案例

    javascript实现倒计时小案例

    这篇文章主要为大家详细介绍了javascript实现倒计时小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • ES6 十大特性简介

    ES6 十大特性简介

    这篇文章主要介绍了ES6 十大特性的相关资料,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • canvas实现弧形可拖动进度条效果

    canvas实现弧形可拖动进度条效果

    本篇文章主要介绍了canvas实现弧形可拖动进度条的实例方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • 学习javascript的闭包,原型,和匿名函数之旅

    学习javascript的闭包,原型,和匿名函数之旅

    Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性,本文给大家介绍js的闭包,原型,和匿名函数之旅,感兴趣的朋友一起学习吧
    2015-10-10
  • 浅析Javascript的自动分号插入(ASI)机制

    浅析Javascript的自动分号插入(ASI)机制

    我们大家都知道在写java和c时,必须要在语句后加分号,否则编译通不过。而js不同,存在自动分好插入机制,下文简称ASI。它会给源代码的 token 流自动插入分号。下面这篇文章我们就来谈谈Javascript的自动分号插入(ASI)机制。
    2016-09-09
  • 关于JavaScript 的事件综合分析

    关于JavaScript 的事件综合分析

    js下比较常用的方法,事件函数代码。
    2010-08-08
  • 酷! 不同风格页面布局幻灯片特效js实现

    酷! 不同风格页面布局幻灯片特效js实现

    这篇文章主要为大家详细介绍了超酷不同风格页面布局幻灯片特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-08-08

最新评论