今天是过完春节以后的第二周啦，而我好像终于回到正常工作的状态了呢，因为突然间就对工作产生了厌倦的情绪，Bug就像无底洞一样吞噬着我的脑细胞。人类就像一颗螺丝钉一样被固定在整部社会机器上，除了要让自己看起来像个正常人一样，还要拼命地让所有人都像个正常人一样。过年刚经历过被催婚的我，面对全人类近乎标准的“幸福”定义，大概就是我此刻这种状态。其实，除了想自己定义“幸福”以外，我还想自己定义“问题”，因为，这样就不会再有“Bug”了。言归正传，今天我想说的是前端跨域这个话题，相信读完这篇文章，你就会明白，这个世界上太多太多的问题，都和你毫无瓜葛。

故事缘起

年前被安排去做一个GPS相关的需求，需要通过百度地图API来计算预计到达时间，这并不是一个有难点的需求，对吧？就在博主为此而幸灾乐祸的时候，一个非常醒目的错误出现在Chrome的控制台中，相信大家都见过无数次啦，大概是说我们的请求受到浏览器的同源策略的限制。那么，第一个问题，什么是同源策略呢？我们知道，一个URL通常有以下几部分组成，即协议、域名、端口和请求资源。由此我们就可以引申出同源的概念，当协议、域名和端口都相同时，就认为它们是在同一个域下，即它们同源。相反地，当协议、域名和端口中任意一个都不相同时，就认为它们在不同域下，此时就发生了跨域。按照排列组合，我们可以有以下常见的跨域场景：

URL	说明	是否允许跨域
www.abc.com/a.js vs www.abc.c

聊聊前端跨域的爱恨情仇相关推荐

前端后端的爱恨情仇--续集
文章目录前端妹子给我打电话了 Eolink 直呼真香 1. DTDD:文档与测试驱动开发 2. API研发测试天花板 3. 超强的Mock API 4. 隐秘又好用的小亮点 5 . 针对开发者比较友 ...
一个程序员的人情世故、爱恨情仇
摘要: 提起程序员这职业,很多人的眼里大多数都会浮现一个词 - - - 闷葫芦,有的程序员就会反驳了,放你娘的狗屁!程序员也会有浪漫的,也会有别人没有达得到的高度好吧!无疑包括人情世故.爱恨情仇! 你 ...
初识angular.js之爱恨情仇
angular.js Angular.JS 是一组用来开发Web页面的框架.模板以及数据绑定和丰富UI组件.它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作. AngularJS很小, ...
借华为鸿蒙系统发布，谈谈操作系统的爱恨情仇发展史
2019.08.09,华为在其全球开发者大会上,正式向全球发布了全新的自有系统 HarmonyOS 鸿蒙--基于微内核的面向全场景的分布式操作系统.余承东在现场表示, HarmonyOS 鸿蒙拥有分布 ...
Html与CSS的爱恨情仇第一式---第一系列
本文整理与慕课网,仅用于个人学习提高简单来说就是 1.HTML是整个网页的界面 2. CSS是网页的颜料 3. JavaScript是动态的效果的实现常见元素解析 1.<h1>< ...
Spring发展史！和那些巨头的爱恨情仇！
** 码农的春天----------Spring来了关于Spring的发展起源要回溯到2002年,当时正是Java EE和EJB大行其道的时候,很多知名公司都是采用此技术方案进行项目开发.这时候有一 ...
产品经理和程序员的爱恨情仇
产品经理跪求程序员,程序员跪求程序成功上线! 前几天纯银V在微博上发了一条微博「很多人吐槽"人人都是产品经理"这句话,其实在我看来,这句话的正确理解是"人人都应该学习产品 ...
前端跨域问题的几种解决方案
前端跨域问题的几种解决方案参考文章: (1)前端跨域问题的几种解决方案 (2)https://www.cnblogs.com/xinxingyu/p/6075881.html 备忘一下.
使用webpack-dev-server设置反向代理解决前端跨域问题
使用webpack-dev-server设置反向代理解决前端跨域问题参考文章: (1)使用webpack-dev-server设置反向代理解决前端跨域问题 (2)https://www.cnblog ...

聊聊前端跨域的爱恨情仇

故事缘起

聊聊前端跨域的爱恨情仇相关推荐

最新文章

热门文章