• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

今天的码农女孩做决跨域的笔记

武飞扬头像
丁丁丁dingdingding
帮助1

处理跨域:
在项目根目录下定义一个vue.config.js文件
在文件下定义代理的地址:
module.exports={
    devServer:{
        proxy:{
            '/api':{
              target:"https://api.isoyu.com/",
              changeOrigin:true,
              ws:true,
              sucure:true,
              pathRewrite:{
                '^/api':''
              }
            }
         }
    }
}
使用的文件中:
import axios from 'axios'
axios.defaults.baseURL="/api"

什么是跨域:
同源策略:
要求访问的地址必须协议、端口号、域名相同,为了保证用户信息的安全,防止恶意的窃取数据,禁止不同域直接进行js交互。
限制:无法获取dom,ajax不能发送,cookie、localStorage、indexDB无法读取。
解决跨域的方法:
1.document.domain iframe 执行跨域
   var iframe=document.getElementById("iframe")
   var win=iframe.contentWindow
   iframe.contentWindow.document
2.window.name iframe 解决跨域
   window.name="名字"
   window.location="路径"
   另一个页面直接获取window.name
3.location.hash iframe 解决跨域
   var iframe=document.getElementById("iframe")
   location.hash
4.window.postMessage解决跨域
   window.postMessage("发送内容")
   另一个页面
   window.onmessage=function(e){}
5.web sockets 解决跨域
   var s=new WebSocket("路径")
   s.send("发送内容")
   另一个页面
   window.onmessage=function(e){}
6.jsonp与ajax链接 解决跨域
   function fun(res){}
   script.callback=fun
7.跨域资源共享(CORS)
   var xdr=new XDomainRequest()
   xdr.open(get,路径)
   xdr.send()
8.nginx服务器 解决跨域
  需要在服务器配置代理路径,修改服务器的配置文件
  conf文件
  server{
      listen 8080
      server_name www.百度.com
      location {......}
   }

SVN与Git的最主要的区别?

      SVN是集中式版本控制系统,版本库是集中放在中央服务器的,而干活的时候,用的都是自己的电脑,所以首先要从中央服务器哪里得到最新的版本,然后干活,干完后,需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作,如果在局域网还可以,带宽够大,速度够快,如果在互联网下,如果网速慢的话,就纳闷了。

      Git是分布式版本控制系统,那么它就没有中央服务器的,每个人的电脑就是一个完整的版本库,这样,工作的时候就不需要联网了,因为版本都是在自己的电脑上。既然每个人的电脑都有一个完整的版本库,那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上改了文件A,这时,你们两之间只需把各自的修改推送给对方,就可以互相看到对方的修改了。

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhggeija
系列文章
更多 icon
同类精品
更多 icon
继续加载