zoukankan      html  css  js  c++  java
  • 什么是跨域?如何解决跨域问题?

    1、定义:

    跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器施加的安全限制。

    那么问题来了,什么是同源策略呢?
     
    同源策略:域名,协议,端口相同。
      同一浏览器的两个tab页中分别打开来百度和谷歌的页面
        当浏览器的百度tab页执行一个脚本的时候会检查这个脚本是属于哪个页面的(即检查是否同源,只有和百度同源的脚本才会被执行)
      如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问。
        同源策略是浏览器的行为,是为了保护本地数据不被JavaScript代码获取回来的数据污染,因此拦截的是客户端发出的请求回来的数据接收
      即请求发送了,服务器响应了,但是无法被浏览器接收。

    2、例子:

    http://www.taobao.com/index.html 调用 http://www.taobao.com/server.php (同源)

    http://www.taobao.com/index.html 调用 http://www.tencent.com/server.php (taobao/tencent  跨域)主域名不同

    http://www.taobao.com/index.html 调用 http://zzz.taobao.com/server.php (www/zzz  跨域)子域名不同

    http://www.taobao.com:8080/index.html 调用 http://www.taobao.com:8088/server.php (8080/8088,跨域)端口不同

    http://www.123.com/index.html 调用 https://www.123.com/server.php (协议不同:http/https,跨域)

    请注意:localhost和127.0.0.1虽然都指向本机,但也属于跨域。

    3、解决办法:

    1、JSONP

      只支持GET请求,不支持POST请求。

    2、代理

      代理模式从后台绕过浏览器端

  • 相关阅读:
    vue生命周期钩子函数
    mongodb window安装配置
    git 添加远程仓
    webpack + vue + node 打造单页面(入门篇)
    git 命令
    javascript 利用FileReader和滤镜上传图片预览
    javascript 一些特殊的字符运算
    Es6 Symbol.iterator
    配置 github 上的程序
    Redis 的数据类型
  • 原文地址:https://www.cnblogs.com/dream-by-dream/p/11703853.html
Copyright © 2011-2022 走看看