美文网首页
相对URL:协议名跨域的一种处理方式

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

作者: 负势竞上 | 来源:发表于2018-12-01 11:15 被阅读23次
  • 问题现象

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


跨域
  • 原因

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

  • 处理

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

<script src='//xxx.cdn.net/xxx.js'></script>

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

相关文章

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

    问题现象   当页面地址协议与页面内请求地址协议不一致(不都是https或不都是http)时,往往请求会被拦截。控...

  • vue使用 axios请求数据报 500的解决办法(跨域问题

    跨域定义:跨域的解释:当前所在页面的url去请求后台提供的url的时候,这两个url的相比较之下,如果协议类型、域...

  • 跨域

    协议、域名、端口三者之间任意一个与当前页面url不同即为跨域常见跨域方法 利用jsonp跨域,jquery已经封装...

  • node跨域与解决处理

    什么是跨域 只要是协议、域名、端口有任意一个不同的url都是不同的域。协议指的是http或者https协议。域名就...

  • ajax1

    作为一个前端工作者,跨域问题应该是很常见的,处理方式有很多,下边来说一说我用到过的处理方式。1.什么是跨域只要协议...

  • 前端跨域的理解和解决方案(较全面)

    何为跨域? 首先,我们得先理解一下何为跨域?所谓跨域,即网站的协议名 protocol(例如 http ://) ...

  • Vue-cli3 devServe.Proxy 多地址爬坑记

    什么是跨域? 当一个请求url的 协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。 Vue-cli3...

  • 跨域

    一、什么是跨域 当一个请求url的 协议、域名、端口三者之间任意一个与当前页面url不同即为跨域http://ww...

  • Js请求跨域问题

    一、请求跨域问题概述 跨域:指的是协议名、端口或者域名不一致的情况都是跨域。 二、跨域问题的解决方案 1、同域代理...

  • 28、Django_解决请求跨域问题

    一、什么是跨域 当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。 例子 当前页面u...

网友评论

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

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