码迷,mamicode.com
首页 > Web开发 > 详细

相对URL:协议名跨域的一种处理方式

时间:2018-12-01 13:01:57      阅读:153      评论:0      收藏:0      [点我收藏+]

标签:code   .com   ima   data   agg   bubuko   tag   前端   很多   

  • 问题现象

  当页面地址协议与页面内请求地址协议不一致(不都是https或不都是http)时,往往请求会被拦截。控制台提示:

  技术分享图片

  • 原因

  浏览器对于JavaScript的同源策略的限制,简言之就是我们常说的跨域。

  • 处理

  处理跨域的方式有很多,对于前端而言,JSONP是不错的选择。但现阶段,大多数第三方平台会同时提供https和http两种协议下的可访问资源地址,尤其是CDN资源,那么处理这种这种跨域的简单方法来了:相对URL。相对URL使用更加模糊的语法,如:

   1 <script src=‘//xxx.cdn.net/xxx.js‘></script> 

  在这里,资源地址不添加协议名,在这种情况下,src将使用当前浏览器地址栏中的协议名。在HTTPS页面上,这将是对CDN的HTTPS请求,在HTTP页面上,它将是HTTP请求。这样就可以解决大多数的CDN资源问题。

相对URL:协议名跨域的一种处理方式

标签:code   .com   ima   data   agg   bubuko   tag   前端   很多   

原文地址:https://www.cnblogs.com/yangguojin/p/10048718.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!