zoukankan      html  css  js  c++  java
  • 各个框架解决跨域问题

    跨域问题

    一、跨域问题产生的原因

      跨域问题是由于浏览器的同源策略,是浏览器的一个安全功能他会阻止一个域的js脚本和另一个域的js脚本进行交互,当请求的url域服务器的协议、域名、端口号不一致时会出现同源源策略。

    解决方案

    1.JSONP跨域

      jsonp的原理就是利用<script></sctipt>标签没有跨域限制的特点,通过<script>标签的src属性发送带有callback参数的get请求,服务端将接口返回数据拼凑到callback函数中返回给浏览器,浏览器器解析执行,从而前端拿到callbacj函数返回的数据

    2,jquery Ajax解决跨域问题

      发起axjax请求时,dataType设置为jsonp,jsonpCallback自定义回调函数名

    3.vue axios实现跨域

      vue代理解决跨域,在vue.config.js文件中配置路由转发文件,利用changeOrigin:true允许跨域,target设置跨域地址。

    4.react解决跨域

      在package.json里配置private:true

    勤学似春起之苗,不见其增,日有所长; 辍学如磨刀之石,不见其损,日所有亏!
  • 相关阅读:
    2012.05.17
    一些记录
    2012.09.09 js
    2012.05.24 jq Tab
    2012.10.08 关于 开发计划制定、项目管理、功能设计 的想法记录
    2012.05.21 jq Tab
    关于工作状态
    ImageWaterMark参数说明
    关于拼接邮件在存储过程中
    关于使用HtmlAgilityPack
  • 原文地址:https://www.cnblogs.com/qiaozhiming123/p/15102163.html
Copyright © 2011-2022 走看看