美文网首页
[前端]同源策略和跨域

[前端]同源策略和跨域

作者: 半颗糖嘿 | 来源:发表于2022-10-12 18:19 被阅读0次

同源策略是一种约定,它是浏览器最核心的也是最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能会受到影响。
同源是指协议、端口号、域名一致。
例如:与url(http://store.company.com/dir/page.html)进行对比:

url 是否跨域 原因
http://store.company.com/dir/page.html 完全相同
http://store.company.com/inner/another.html 只有路径不同
https://store.company.com/secure.html 协议不同
http://store.company.com:81/dir/etc.html 端口不同(http://默认端口为80)
http://news.company.com/dir/other.html 主机不同

面试题:如何解决跨域问题?
解决跨域的方案:
1、(后端)服务器配置CORS(跨域资源共享)。
2) (后端)node.js或nginx,反向代理,把跨域改造成同域。
3)(前端)将JSON升级成JSONP,在JSON的基础上,利用script 标签可以跨域的特性,加上头设置。

相关文章

  • H5 知识点 - 收藏集 - 掘金

    跨域解决方案总结 - 前端 - 掘金为什么需要跨域? 就得先知道同源策略. 同源策略 同源策略是为了保证数据的安全...

  • 前端跨域问题(转载笔记)

    前端跨域问题 浏览器的同源策略 提到跨域不能不先说一下”同源策略”。何为同源?只有当协议、端口、和域名都相同的页面...

  • 跨域

    对于前端来说,跨域是基础工作之一。 同源策略 提到跨域,不得不先说同源策略。 同源策略是一种指浏览器的安全机制,只...

  • js常见跨域解决方案

    参考:前端常见跨域解决方案(全) 跨域,什么是“域”? 这里就要先说说同源策略了。所谓同源是指"协议+域名+端口"...

  • 关于跨域那些事~~

    浏览器跨域是一个前端很常见的问题。 造成跨域的两种策略浏览器的同源策略会导致跨域,这里同源策略又分为以下两种DOM...

  • H5跨域访问

    跨域访问是源于浏览器的同源策略而引申出来的概念 1、先了解什么是同源策略和跨域访问 同源策略、跨域解决方案 - R...

  • 【http】什么是cors跨域

    前端开发中,常常需要进行跨域请求。既然提到跨域,首先我们的知道什么是“同源策略”。 同源策略限制从一个源加载的文档...

  • vue项目的跨域设置

    在前端开发中,“跨域”是绕不过去的,了解跨域之前,先要知道浏览器的同源策略 同源策略:请求的url地址,必须与浏览...

  • 跨域

    博客 说说跨域那些事儿 不要再问我跨域的问题了 前端常见跨域解决方案(全) 同源策略 JSONP(填充式JSON)...

  • Spring Boot 跨域解决方案

    跨域 前端和后端的跨域问题,主要是由于浏览器同源策略的限制,同源一般指相互请求资源的两个域的协议、域名(主域名以及...

网友评论

      本文标题:[前端]同源策略和跨域

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