全栈：Proxy

什么是proxy？

指的是代理软件或代理服务器，也可以认为是一种网络访问方式。

Proxy的原理

1、去请求别人服务器的数据然后发送给前端
2、访问时必须先通过对方服务器（实例对象）的允许。

Proxy是在开发阶段 最常用的手段，比如Vue，React 等前端框架中

理解：
常常有一个自己的开发服务器
如果用户访问我们的A服务器的网页 网页内部的AJAX 去请求A服务器的数据接口 是不会跨域的
然后A服务器去请求B服务器的数据，再把返回给A服务器的数据返回的用户
A服务器就是一个代理服务器

 

 

 

*下载request

命令：npm i request

 

用户通过访问自己服务器里的网址跳转到另一个页面，是通过自己服务器里的url去访问，那么自己的服务器就充当了一个代理的功能

例：

//请求自己服务器的页面
router.get("/ajax1",(req,res)=>{
//用户通过自己的服务器再请求百度的页面，没有跨域
     var url="http://baidu.com"
    request(url,(n1,n2,data)=>{
//返回百度页面的数据，是JSON数据
        res.end(data)
    })
})

使用Ajax技术局部刷新另一个网页的内容

function fn(){
    var xhr = new XMLHttpRequest() || new ActiveXObject("Microsoft.XMLHTTP")
    var url="http://baidu.com"
    xhr.open("GET", url, true)
    xhr.send()
    xhr.onreadystatechange = function() {
   　　 if (xhr.readyState == 4 && xhr.status == 200) {
       　　 var obj=JSON.parse(xhr.responseText)
       　　 console.log(obj)//调试返回JSON对象
     　　}
     }
 }